@charset "utf-8";
body {
font-family: "Microsoft Yahei", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}
body {
overflow: hidden;
/* max-width: 1920px; */
margin: auto;
background: #fff;
}
@font-face {
font-family: "POPPINS-BOLD";
src: url("../font/POPPINS-BOLD.woff2") format("woff2"),
url("../font/POPPINS-BOLD.woff") format("woff"),
url("../font/POPPINS-BOLD.ttf") format("truetype"),
url("../font/POPPINS-BOLD.eot") format("embedded-opentype"),
url("../font/POPPINS-BOLD.svg") format("svg");
}
.he_content {
width: 1200px;
margin: 0 auto;
}
/* 规范 */
/* 标题 */
.he_tit1 {
color: #333;
font-size: 48px;
line-height: 1.75;
}
.he_tit2 {
color: #b8a892;
font-size: 36px;
line-height: 1.75;
}
.he_tit3 {
color: #333;
font-size: 28px;
line-height: 1.75;
}
.he_tit4 {
color: #333;
font-size: 24px;
line-height: 1.75;
}
.he_tit5 {
color: #333;
font-size: 18px;
line-height: 2;
}
/* 段落 */
.he_word {
color: #333;
font-size: 16px;
line-height: 2;
}
/* 编辑器 p样式 */
.yxedr_active p {
font-size: 16px;
line-height: 1.75;
color: #666;
}
/* 手机导航 */
.g_phnav1.yxnav_active1,
.g_phnav2.yxnav_active2 {
color: #000;
}
.he_ph_hd {
position: absolute;
z-index: 999;
display: none;
height: 64px;
}
/* .he_sybox .he_ph_hd {
height: inherit;
} */
.he_ph_hdbox {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 64px;
padding-left: 15px;
padding-right: 15px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.he_ph_logo img {
width: 100%;
}
.he_language_ph a {
line-height: 64px;
color: #333;
margin-right: 15px;
}
.he_ph_hd .he_ph_logo a {
line-height: 64px;
}
.he_ph_hd .he_ph_logo {
width: 116px;
}
.he_ph_menu {
overflow: hidden;
width: 50px;
height: 50px;
}
.he_ph_hd .he_phmenubox {
width: 50px;
height: 50px;
cursor: pointer;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.he_ph_hd .he_phmenubox .point {
position: relative;
display: inline-block;
width: 28px;
height: 22px;
margin-top: 14px;
}
.he_ph_hd .he_phmenubox .point .nav_btn,
.he_ph_hd .he_phmenubox .point .nav_btn::after,
.he_ph_hd .he_phmenubox .point .nav_btn::before {
display: inline-block;
width: 28px;
height: 1px;
background-color: #333;
}
.he_ph_hd .he_phmenubox .nav_btn {
position: absolute;
top: 10px;
right: 0;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
.he_ph_hd .he_phmenubox .nav_btn::after,
.he_ph_hd .he_phmenubox .nav_btn::before {
content: '';
position: absolute;
right: 0;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
.he_ph_hd .he_phmenubox .nav_btn::after {
top: -10px;
}
.he_ph_hd .he_phmenubox .nav_btn::before {
top: 10px;
}
.he_ph_hd .he_phmenubox .point.active .nav_btn {
background: transparent;
}
.he_ph_hd .he_phmenubox .point.active .nav_btn::after {
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.he_ph_hd .he_phmenubox .point.active .nav_btn::before {
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*ph导航&下拉*/
.phxia {
position: fixed;
left: 0;
top: 64px;
width: 100%;
height: calc(100vh - 64px);
overflow: auto;
pointer-events: none;
}
.phxia::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(0, 0, 0, .3);
opacity: 0;
transition: all .36s;
}
.phxia.active {
pointer-events: all;
}
.phxia.active::before {
opacity: 1;
}
.xialaph {
display: none;
width: 100%;
padding: 10px 20px 18px;
background-color: #f1f1f1;
}
.xialaph h4 {
position: relative;
}
.xialaph h4::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
opacity: .1;
background-color: #000;
}
.xialaph h4 a {
font-size: 14px;
line-height: 36px;
text-transform: uppercase;
color: #999;
max-width: calc(100% - 36px);
}
.xialaph h4 img {
position: absolute;
top: 50%;
right: 5px;
width: 13px;
cursor: pointer;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.xialaph .ul2 {
display: none;
padding-top: 7px;
padding-bottom: 8px;
}
.xialaph .ul2 .container_s {
max-width: 100%;
padding: 0 15px;
}
.xialaph h5 {
position: relative;
}
.xialaph h5::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
opacity: .05;
background-color: #000;
}
.xialaph h5 a {
font-family: '微软雅黑';
font-size: 14px;
line-height: 35px;
text-transform: uppercase;
color: #999;
max-width: calc(100% - 36px);
}
.xialaph h5 img {
position: absolute;
top: 50%;
right: 5px;
width: 35px;
padding: 11px;
cursor: pointer;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s {
display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d {
display: block;
}
.xialaph .ul3 {
display: none;
}
.xialaph h6 a {
font-family: '微软雅黑';
font-size: 12px;
line-height: 40px;
text-transform: uppercase;
color: #999;
}
.header2 {
position: fixed;
top: 0;
left: 50%;
z-index: 999;
width: 100%;
height: 64px;
padding-left: 15px;
padding-right: 15px;
background-color: #ffffff;
transform: translateX(-50%);
}
.header2 .logo {
width: 80px;
line-height: 64px;
}
.header2 .logo img {
width: 100%;
}
.header2 .phsearch {
position: absolute;
top: 50%;
right: 70px;
width: 25px;
cursor: pointer;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.header2 .wj_hin_right {
padding-top: 25px;
}
.header2 .phsearch img {
width: 100%;
}
.ph_mea_cl {
overflow: hidden;
width: 50px;
height: 100%;
}
.header2 .menuph {
width: 50px;
height: 50px;
cursor: pointer;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.header2 .menuph .point {
position: relative;
display: inline-block;
width: 28px;
height: 22px;
margin-top: 14px;
}
.header2 .menuph .point .navbtn,
.header2 .menuph .point .navbtn::after,
.header2 .menuph .point .navbtn::before {
width: 28px;
}
.header2 .menuph .navbtn {
position: absolute;
top: 10px;
right: 0;
display: inline-block;
width: 28px;
height: 1px;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
background: #666;
}
.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before {
position: absolute;
right: 0;
display: inline-block;
width: 28px;
height: 1px;
content: '';
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
background: #666;
}
.header2 .menuph .navbtn::after {
top: -10px;
}
.header2 .menuph .navbtn::before {
top: 10px;
}
.header2 .menuph .point.active .navbtn {
background: transparent;
}
.header2 .menuph .point.active .navbtn::after {
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.header2 .menuph .point.active .navbtn::before {
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ph_search {
width: 100%;
overflow: hidden;
padding: 0 15px;
padding-left: 15px;
}
.ph_search_ph {
width: 100%;
height: 35px;
border: 1px solid rgba(0, 0, 0, .1);
margin-top: 18px;
float: left;
border-radius: 17.5px;
position: relative;
}
.ph_search_ph input {
width: 100%;
height: 100%;
text-indent: 20px;
color: #333333;
}
.ph_search_ph input::-webkit-input-placeholder {
color: #999999;
}
.ph_search_ph button {
width: 40px;
height: 100%;
color: #ffffff;
line-height: 35px;
text-align: center;
font-size: 20px;
font-family: "微软雅黑";
float: right;
position: absolute;
top: 0;
right: 0;
}
.ph_search button .icon-sousuo {
font-size: 27px;
color: #999999;
}
.wj_header_i_nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 80px;
z-index: 10;
}
/*电话*/
.ph_dh_number {
width: 100%;
text-align: center;
margin-top: 18px;
}
.ph_dh_number .ph_dh_n {
display: inline-block;
overflow: hidden;
}
.ph_dh_number .ph_dh_n p {
float: left;
font-size: 18px;
color: #666;
}
.ph_dh_number .ph_dh_n .ph_dh_n_p1 {
margin-right: 15px;
}
.wj_hin_r_en {
color: #666;
}
.ph_searchfe {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
width: 16px;
}
.ph_searchfe img {
width: 100%;
}
/* *************************************************************** */
/* 分页 */
.he_fybtn {
padding: 0 15px;
}
.he_pcfy a {
float: left;
}
.he_fybtn a {
font-family: 微软雅黑;
font-size: 14px;
color: #333;
}
.he_phfy {
display: none;
}
.he_phfy .lp {
float: left;
}
.he_phfy .rp {
float: right;
}
.pc_fenye {
position: relative;
left: 50%;
transform: translateX(-50%);
display: inline-block;
text-align: center;
}
.pc_fenye li {
float: left;
width: 30px;
height: 30px;
border: 1px solid transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 30px;
color: #333333;
text-align: center;
margin: 0px 10px;
transition: .3s;
}
.pc_fenye li.activepage {
color: #fff;
background-color: #333333;
}
/* *************************************************************** */
.he_pc_hd {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
transition: all 0.36s;
}
.he_nav {
/* width: 100%; */
position: relative;
/* padding-left: 197px;
padding-right: 197px; */
}
.he_contetn {
width: 1520px;
margin: 0 auto;
}
.he_img {
width: 100%;
position: relative;
top: 0;
left: 0;
}
.he_img1 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.he_navlo {
width: 154px;
position: relative;
line-height: 122px;
}
.he_navlo .he_img1 {
height: inherit;
top: 42px;
opacity: 0;
}
.he_navlo img {
transition: all 0.36s;
}
.he_banul {
width: 100%;
position: relative;
}
.he_banul img {
width: 100%;
position: relative;
}
.he_banul video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
}
.he_navbt {
position: relative;
}
.he_navbtic {
width: 52px;
cursor: pointer;
height: 52px;
background: rgba(255, 255, 255, 0.65);
border-radius: 50%;
margin-top: 42px;
position: relative;
transition: all 0.36s;
}
.he_navbtic img {
width: 28px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.36s;
}
.he_navbtic .he_img1 {
height: auto !important;
opacity: 0;
}
/* .he_navbt img {
width: 100%;
border-radius: 50%;
} */
.he_baner {
width: 100%;
position: relative;
}
.he_banslk {
width: 100%;
}
.he_banste {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) translateY(-15px);
z-index: 10;
}
.he_bansbi p {
font-size: 80px;
line-height: 1.75;
color: #ffffff;
font-weight: bold;
}
.he_bansbi {
overflow: hidden;
margin-bottom: 10px;
}
.he_banmon {
border: 2px solid #fff;
display: inline-block;
}
.he_banmon a {
font-size: 14px;
line-height: 42px;
color: #fff;
padding: 0 46px;
display: inline-block;
}
.he_banmor {
margin-top: 50px;
}
.he_banerbt {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.he_banebh {
display: inline-block;
}
.he_baneble p {
font-size: 14px;
line-height: 94px;
color: #fff;
position: relative;
font-family: Arial !important;
}
.he_baneble p::after {
content: '';
position: absolute;
top: 32px;
left: -7px;
width: 30px;
height: 30px;
border: 1px solid #fff;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.he_banebri p {
font-size: 14px;
line-height: 94px;
color: #fff;
}
.he_banebri {
padding-left: 26px;
}
.he_banebhli {
cursor: pointer;
position: relative;
margin: 0 30px;
}
.he_banebhli::after {
content: '';
position: absolute;
top: -1px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 1px;
background: #fff;
transition: all 0.36s;
opacity: 0;
}
.he_banebhli.act::after {
width: 100%;
opacity: 1;
}
.he_banklm {
width: 100%;
overflow: hidden;
position: relative;
}
.he_syp1 {
width: 100%;
position: relative;
padding-top: 265px;
padding-bottom: 130px;
}
.he_syp1tp {
position: relative;
width: 55.1%;
z-index: 10;
/* overflow: hidden; */
}
.he_syp1tp .he_img1 {
transition: all 1s;
}
.he_syp1 .he_contetn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
.he_syp1nc {
width: 100%;
position: relative;
}
.he_syp1np1 {
width: 100%;
position: relative;
}
.he_syp1np1 p {
font-size: 14px;
line-height: 1.75;
color: #666666;
font-family: Arial !important;
position: relative;
}
.he_syp1np1 p::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 6px;
height: 2px;
background: #aeaeae;
}
.he_syp1np2 p {
font-size: 60px;
line-height: 1.75;
color: #333333;
font-weight: bold;
}
.he_syp1np2 {
margin-top: 20px;
}
.he_syp1np3 p {
font-size: 16px;
line-height: 1.875;
color: #666666;
max-height: 120px;
overflow: hidden;
}
.he_syp1nc {
width: calc(100% - 840px);
position: relative;
padding-right: 72px;
}
.he_syp1np3 {
margin-top: 22px;
}
.he_syp1mo .he_banmon {
border-color: #aaaaaa;
}
.he_syp1mo a {
color: #666666;
}
.he_syp1mo {
margin-top: 100px;
}
.he_syp1zh1 {
position: absolute;
left: 0;
bottom: -250px;
width: 251px;
z-index: 2;
}
.he_syp1zh1 img {
width: 100%;
}
.he_syp1zh2 {
position: absolute;
right: 70px;
top: 125px;
width: 358px;
z-index: 11;
pointer-events: none;
}
.he_syp1zh2 img {
width: 100%;
}
.he_syp1zh3 {
position: absolute;
right: 0px;
bottom: 7px;
width: 526px;
}
.he_syp1zh3 img {
width: 100%;
}
.he_syp2 {
width: 100%;
position: relative;
padding-bottom: 180px;
}
.he_syp2bx {
width: 100%;
position: relative;
}
.he_syp2bp1 p {
font-size: 30px;
color: #333333;
font-weight: bold;
}
.he_syp2bp1 .he_gunt {
font-size: 72px;
/* font-weight: bold; */
color: #333333;
font-family: "POPPINS-BOLD" !important;
}
.he_syp2bp1 span {
float: left;
line-height: 80px;
}
.he_syp2ap {
padding-top: 12px;
}
.he_syp2bli {
width: 20%;
text-align: center;
}
.he_syp2bbh {
display: inline-block;
text-align: left;
}
.he_syp2bp2 p {
font-size: 18px;
line-height: 1.75;
color: #666666;
}
.he_syp3 {
width: 100%;
position: relative;
padding-top: 326px;
min-height: 980px;
}
.he_syp3bx {
width: 100%;
position: relative;
}
.he_syp3ble {
width: 60%;
position: absolute;
bottom: -261px;
left: -68px;
}
.he_syp3ble img {
width: 100%;
}
/* .he_syp3bri {
width: calc(100% - 620px);
} */
.he_syp3 .he_syp1nc {
width: 40%;
padding-right: 0;
}
.he_syp3bslik {
width: 100%;
position: relative;
margin-bottom: 50px;
}
.he_syp3blul {
width: 100%;
}
.he_syp4 {
width: 100%;
position: relative;
padding-top: 287px;
padding-bottom: 30px;
overflow: hidden;
}
.he_syp4bx {
width: 100%;
position: relative;
/* overflow: hidden; */
}
.he_syp4bri {
width: 760px;
height: 465px;
/* overflow: hidden; */
}
.he_syp4ble {
width: calc(100% - 760px);
margin-top: 12px;
padding-right: 150px;
position: relative;
z-index: 10;
}
.he_syp4ble .he_syp1nc {
width: 100%;
padding-right: 0;
}
.he_syp4brul {
margin: 0 -6px;
height: 100%;
padding-top: 15px;
}
.he_syp4brli {
width: 50%;
padding: 0 6px;
margin-bottom: 20px;
}
.he_syp4bhg {
width: 100%;
position: relative;
border: 1px solid #e5e5e5;
padding: 38px 36px;
transition: all 0.36s;
border-radius: 4px;
}
.he_syp4bhle {
width: 86px;
position: relative;
}
.he_syp4bhle .he_img1 {
opacity: 0;
}
.he_syp4bhle img {
transition: all 0.36s;
}
.he_syp4bhri p {
font-size: 18px;
line-height: 55px;
color: #333333;
font-weight: bold;
height: 55px;
overflow: hidden;
transition: all 0.36s;
}
.he_syp4bhri {
width: calc(100% - 86px);
padding-left: 54px;
}
.he_syp4brli:nth-child(even) {
transform: translateY(40px);
}
.he_syp4brul {
animation-name: dynamic-cards-animation;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-direction: alternate;
transition: transform .3s linear;
}
.he_moph {
display: none;
}
.he_sybanph {
display: none;
}
.he_syp6btdli {
position: relative;
}
.he_syp6btdli::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 10;
}
@keyframes dynamic-cards-animation {
from {
transform: translateY(0)
}
to {
transform: translateY(-10%)
}
}
.he_syp4zs {
width: 393px;
position: absolute;
top: -105px;
left: 0;
/* z-index: -1; */
}
.he_syp4zs img {
width: 100%;
}
.he_syp5 {
width: 100%;
position: relative;
padding-top: 206px;
padding-bottom: 366px;
z-index: 1;
}
.he_syp5bx {
width: 100%;
position: relative;
}
.he_syp5le {
width: 695px;
position: relative;
overflow: hidden;
}
.he_syp5le video {
/* width: 236%; */
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.he_syp5le img {
width: 100%;
position: relative;
z-index: 10;
}
.he_syp5 .he_contetn {
position: absolute;
top: 254px;
left: 50%;
transform: translateX(-50%);
z-index: 14;
}
.he_syp5nle {
width: 600px;
position: absolute;
bottom: -267px;
left: 210px;
}
.he_syp5ri {
width: calc(100% - 830px);
padding-left: 20px;
}
.he_syp5ri .he_syp1nc {
width: 100%;
padding-right: 0;
}
.he_syp5zs1 {
width: 352px;
position: absolute;
top: -60px;
right: 0;
z-index: -1;
}
.he_syp5zs1 img {
width: 100%;
}
.he_syp5zs2 {
width: 390px;
position: absolute;
top: 80px;
left: 0;
z-index: -1;
}
.he_syp5zs2 img {
width: 100%;
}
.he_syp6 {
width: 100%;
position: relative;
padding-top: 14px;
padding-bottom: 86px;
}
.he_syp6bx {
width: 100%;
position: relative;
}
.he_syp6bt {
width: 100%;
position: absolute;
top: 90px;
left: 50%;
transform: translateX(-50%);
height: 800px;
}
.he_syp6btdli {
height: 100%;
}
.he_syp6btdli img {
width: inherit !important;
top: 0;
left: 50%;
transform: translate(-50%);
height: 100%;
position: relative;
}
.he_syp6btny {
width: 100%;
overflow: hidden;
}
.he_syp6ble .he_syp1nc {
width: 100%;
padding-right: 0;
}
.he_syp6ble {
width: 656px;
margin-top: 80px;
}
.he_syp6 .he_syp1nc p {
color: #fff !important;
}
.he_syp6 .he_syp1mo .he_banmon {
border-color: #fff;
}
.he_syp6bx {
z-index: 30;
}
.he_syp6 .he_syp1mo {
margin-top: 74px;
}
.he_syp6 .he_syp1mo a {
color: #fff;
}
.he_syp6 .he_contetn {
position: relative;
z-index: 10;
}
.he_fg1 {
width: 100%;
/* position: absolute;
bottom: 0;
left: 0; */
margin-top: 88px;
position: relative;
}
.he_fg1yi {
width: 100%;
}
.he_fg1yiri {
width: 620px;
}
.he_fg1yile {
width: calc(100% - 600px);
margin-top: 139px;
position: relative;
z-index: 20;
}
.he_fg1yilp {
margin-top: 30px;
}
.he_fg1yilp p {
font-size: 18px;
line-height: 36px;
color: #666666;
transition: all 0.36s;
max-width: 200px;
height: 36px;
overflow: hidden;
}
.he_fg1yili {
text-align: center;
display: inline-block;
margin-right: 42px;
cursor: pointer;
}
/* .he_fg1yili i {
display: inline-block;
width: 10px;
height: 10px;
background: #ef2d1a;
border-radius: 50%;
position: relative;
}
.he_fg1yili i span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 3px;
height: 3px;
border-radius: 50%;
background: #fff;
}
.he_fg1yili i::after {
content: '';
}
.he_fg1yili i::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 23px;
height: 23px;
background: rgba(239, 45, 26, 0.2);
border-radius: 50%;
} */
.he_fg1yili i {
display: inline-block;
width: 10px;
height: 10px;
background: #ef2d1a;
border-radius: 50%;
position: relative;
box-shadow: 0px 0px 14px 3px #ef2d1a;
animation: bordershow 3s infinite;
}
.he_fg1yili i span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 3px;
height: 3px;
border-radius: 50%;
background: #fff;
}
.he_fg1yili i::before {
content: '';
position: absolute;
top: -6px;
left: -6px;
/* transform: translate(-50%, -50%); */
width: 23px;
height: 23px;
background: rgba(255, 255, 255, 0.4);
border-radius: 50%;
-webkit-animation: boderM 3s .75s infinite;
-moz-animation: boderM 3s .75s infinite;
animation: boderM 3s .75s infinite;
}
.he_fg1yili i::after {
content: '';
position: absolute;
top: -6px;
left: -6px;
/* transform: translate(-50%, -50%); */
width: 23px;
height: 23px;
background: rgba(239, 45, 26, 0.2);
border-radius: 50%;
-webkit-animation: boderM 3s .75s infinite;
-moz-animation: boderM 3s .75s infinite;
animation: boderM 3s .75s infinite;
}
.he_fg1yili1 {
margin-top: 49px;
margin-left: -26px;
}
.he_fg1yili2 {
margin-top: 26px;
}
.he_fg1yili3 {
margin-top: 3px;
}
.he_fg1yili4 {
margin-top: -20px;
}
.he_fg1yig {
opacity: 0;
}
.index-society .heart {
position: relative;
z-index: 1;
/* width: 41.112%; */
}
.index-society .heart>img {
opacity: 0;
}
.index-society .heart label {
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 9.811%;
padding-bottom: 8.446%;
opacity: 0;
}
.index-society .heart .label-2,
.index-society .heart .label-5 {
width: 20.271%;
padding-bottom: 16.217%;
}
.index-society .heart .label-10 {
width: 18.582%;
padding-bottom: 14.865%;
}
/* .index-society .heart .label-9,
.index-society .heart .label-11,
.index-society .heart .label-16 {
width: 25.338%;
padding-bottom: 20.271%;
} */
/*
.index-society .heart .label-3,
.index-society .heart .label-7,
.index-society .heart .label-4,
.index-society .heart .label-12 {
width: 8.446%;
padding-bottom: 6.757%;
} */
.index-society .heart .label-22,
.index-society .heart .label-14 {
width: 6.757%;
padding-bottom: 5.068%;
}
.index-society .heart .label-1 {
left: 0;
top: 10.8%;
}
.index-society .heart .label-2 {
left: 11.656%;
top: 0;
}
.index-society .heart .label-3 {
left: 32.771%;
top: 10.842%;
}
.index-society .heart .label-4 {
left: 58.953%;
top: 14.842%;
}
.index-society .heart .label-5 {
left: 68.075%;
top: 0;
}
.index-society .heart .label-6 {
right: 0;
top: 11.193%;
}
.index-society .heart .label-7 {
left: 5.744%;
top: 25.791%;
}
.index-society .heart .label-8 {
left: 3.379%;
top: 37.957%;
}
.index-society .heart .label-9 {
left: 15.034%;
top: 25.791%;
}
.index-society .heart .label-10 {
left: 41.217%;
top: 33.577%;
}
.index-society .heart .label-11 {
left: 60.473%;
top: 25.791%;
}
.index-society .heart .label-12 {
left: 86.656%;
top: 25.791%;
}
.index-society .heart .label-13 {
left: 86.656%;
top: 37.957%;
}
.index-society .heart .label-14 {
left: 18.075%;
bottom: 32.847%;
}
.index-society .heart .label-15 {
left: 25.676%;
bottom: 30.414%;
}
.index-society .heart .label-16 {
left: 37.332%;
bottom: 13.382%;
}
.index-society .heart .label-17 {
right: 25.676%;
bottom: 30.414%;
}
.index-society .heart .label-18 {
right: 25.676%;
bottom: 17.032%;
}
.index-society .heart .label-19 {
right: 14.19%;
bottom: 27.251%;
}
.index-society .heart .label-20 {
left: 25.676%;
bottom: 17.032%;
}
.index-society .heart .label-21 {
left: 44.595%;
bottom: 0;
}
.index-society .heart .label-22 {
left: 86.656%;
top: 51.582%;
}
.index-society .heart .label-2 {
left: 10.49%;
width: 21.4%;
}
.index-society .heart .label-3 {
top: 10.8%;
}
.index-society .heart .label-4,
.index-society .heart .label-6 {
top: 10.8%;
}
.index-society .heart .label-5 {
left: 69.3%;
}
.index-society .heart .label-7 {
width: 19.5%;
padding-bottom: 17.646%;
left: -4.256%;
top: 23.2%;
}
.index-society .heart .label-8 {
width: 39.811%;
top: 23.2%;
padding-bottom: 17.646%;
left: 15.85%;
}
.index-society .heart .label-9 {
width: 47%;
top: 23.2%;
padding-bottom: 17.646%;
left: 56.2%;
}
.index-society .heart .label-10 {
left: 0;
width: 20.582%;
padding-bottom: 13.4%;
top: 48.2%;
}
.index-society .heart .label-11 {
left: 21.473%;
width: 19.4%;
padding-bottom: 17.9%;
top: 48.2%;
}
.index-society .heart .label-12 {
left: 41.656%;
width: 39.811%;
padding-bottom: 17.9%;
top: 48.2%;
}
.index-society .heart .label-13 {
left: 21.473%;
/* width: 39.811%;
padding-bottom: 17.9%;
top: 48.2%; */
width: 14.1%;
padding-bottom: 9%;
top: 73.657%;
}
.index-society .heart .label-14 {
left: 36.273%;
width: 20.8%;
padding-bottom: 18.4%;
top: 73.657%;
}
.index-society .heart .label-15 {
left: 57.6%;
width: 13.4%;
padding-bottom: 9.4%;
top: 73.657%;
}
.he_syp6btny video {
position: absolute;
top: -0px;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 100%;
object-fit: cover;
z-index: 11;
}
.he_syp6btny .he_img {
z-index: 10;
}
.he_syp6bt {
overflow: hidden;
top: 0;
}
.he_syp6bt .he_img {
/* top: 90px; */
}
/* .he_fg1yiri {
display: none;
} */
.he_fg1er {
width: 100%;
position: absolute;
top: -332px;
left: -4px;
}
.he_video {
opacity: 1;
transition: all 0.36s;
}
.he_dotsli p {
font-size: 18px;
line-height: 36px;
font-weight: bold;
color: #ffffff;
}
.he_dotsli {
position: absolute;
opacity: 0;
z-index: 90;
}
.he_dotsli1 {
left: 10px;
bottom: 54px;
transform: scale(0);
/* transition: all 0.36s; */
}
.he_dotsli i {
display: inline-block;
width: 10px;
height: 10px;
background: #ef2d1a;
border-radius: 50%;
position: relative;
box-shadow: 0px 0px 14px 3px #ef2d1a;
animation: bordershow 3s infinite;
}
.he_dotsli i span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 3px;
height: 3px;
border-radius: 50%;
background: #fff;
}
.he_dotsli i::before {
content: '';
position: absolute;
top: -6px;
left: -6px;
/* transform: translate(-50%, -50%); */
width: 23px;
height: 23px;
background: rgba(255, 255, 255, 0.4);
border-radius: 50%;
-webkit-animation: boderM 3s .75s infinite;
-moz-animation: boderM 3s .75s infinite;
animation: boderM 3s .75s infinite;
}
.he_dotsli i::after {
content: '';
position: absolute;
top: -6px;
left: -6px;
/* transform: translate(-50%, -50%); */
width: 23px;
height: 23px;
background: rgba(239, 45, 26, 0.2);
border-radius: 50%;
-webkit-animation: boderM 3s .75s infinite;
-moz-animation: boderM 3s .75s infinite;
animation: boderM 3s .75s infinite;
}
.he_dotsli1 i {
display: none;
}
.he_dotsli1 img {
position: absolute;
top: 0;
left: 93px;
width: 72px;
opacity: 0;
transition: all 0.36s;
}
.he_dotsli2 {
left: 9.7%;
bottom: 26.3%;
}
.he_dotsli2 p {
position: relative;
top: 9px;
left: 17px;
}
.he_dotsli3 {
left: 21%;
bottom: 30.8%;
}
.he_dotsli3 p {
position: relative;
top: -74px;
left: -11px;
}
.he_dotsli4 {
left: 33%;
bottom: 31.8%;
}
.he_dotsli4 p {
position: relative;
top: 11px;
left: -9px;
}
.he_dotsli5 {
left: 46.5%;
bottom: 55.3%;
}
.he_dotsli5 p {
position: relative;
top: -37px;
left: -58px;
}
.he_dotsli6 {
left: 56.8%;
bottom: 71.8%;
}
.he_dotsli6 p {
position: relative;
top: 18px;
left: -12px;
}
.he_dotsli7 {
right: 27%;
bottom: 68%;
}
.he_dotsli7 p {
position: relative;
top: -67px;
left: -12px;
}
.he_dotsli8 {
right: 3%;
bottom: 77%;
}
.he_dotsli8 p {
position: relative;
top: 8px;
left: -17px;
}
.he_fthri {
width: 570px;
position: absolute;
right: 0;
bottom: -162px;
opacity: 0;
}
.he_fthrp1 p {
font-size: 60px;
line-height: 1.5;
color: #ef2d1a;
}
.he_fthrp2 p {
font-size: 36px;
line-height: 1.75;
color: #333333;
font-weight: bold;
}
.he_fthrp3 p {
font-size: 24px;
line-height: 1.75;
color: #333333;
}
.he_fthrp4 p {
font-size: 16px;
line-height: 1.75;
color: #666666;
}
.he_fthrp3 {
margin-top: 6px;
}
.he_fthrp4 {
margin-top: 24px;
}
.he_syp6mo .he_syp1mo {
margin-top: 45px;
}
.he_fthrili {
/* display: none; */
/* width: 100% !important; */
}
.he_fthrili:first-child {
display: block;
}
.he_fg1yili.act .he_fg1yilp p {
color: #ef2d1a;
font-weight: bold;
}
.he_fgytxin {
width: 1513px;
/* width: 100px; */
height: 531px;
}
.he_fgytxinbn {
width: 0;
height: 100%;
transition: all 3s;
}
.he_frxindxli1 .he_fgytxinbn {
background: url(../images/lnie.png) 0px 0px no-repeat;
}
.he_frxindxli2 .he_fgytxinbn {
background: url(../images/hiubao.png) 0px 0px no-repeat;
}
.he_frxindxli {
display: none;
}
.he_syp6.on .he_fgytxinbn {
/* width: 100%; */
animation: colj 3s ease normal forwards;
-webkit-animation: colj 3s ease normal forwards;
animation-iteration-count: 1;
}
.he_syp6.on1 .he_fgytxinbn {
/* width: 100%; */
animation: colj 3s ease normal forwards;
-webkit-animation: colj 3s ease normal forwards;
animation-iteration-count: 1;
}
.he_syp6.on .he_syp6btny video {
opacity: 1;
}
.he_syp6.on .he_fg1yiri {
display: none;
}
.he_syp6.on .he_fthri {
opacity: 1;
}
.he_fthriul {
width: 100%;
}
@-webkit-keyframes colj {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@-webkit-keyframes colj2 {
0% {
opacity: 1;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes colj1 {
0% {
opacity: 1;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.he_frxindxli2 .he_dotsli1 {
/* transform: scale(1);
opacity: 1; */
left: 11%;
bottom: 44%;
}
.he_frxindxli2 .he_dotsli1 img {
position: relative;
opacity: 1;
width: 48px;
}
.he_frxindxli2 .he_dotsli2 {
left: 28.7%;
bottom: 42.3%;
}
.he_frxindxli2 .he_dotsli3 {
left: 43%;
bottom: 63.8%;
}
.he_frxindxli2 .he_dotsli4 {
right: 21%;
top: 14.8%;
left: inherit;
bottom: inherit;
}
.he_syp6.on1 .he_dotsli1 {
animation: colj2 .5s ease normal forwards;
-webkit-animation: colj2 .5s ease normal forwards;
animation-delay: 0.5s;
}
.he_syp6.on1 .he_dotsli2 {
animation: colj2 .5s ease normal forwards;
-webkit-animation: colj2 .5s ease normal forwards;
animation-delay: 0.7s;
}
.he_syp6.on1 .he_dotsli3 {
animation: colj2 .5s ease normal forwards;
-webkit-animation: colj2 .5s ease normal forwards;
animation-delay: 0.9s;
}
.he_syp6.on1 .he_dotsli4 {
animation: colj2 .5s ease normal forwards;
-webkit-animation: colj2 .5s ease normal forwards;
animation-delay: 1.4s;
}
.he_syp6.on .he_dotsli1 {
animation: colj2 .5s ease normal forwards;
-webkit-animation: colj2 .5s ease normal forwards;
animation-iteration-count: 1;
}
.he_syp6.on .he_dotsli2 {
animation: colj2 .5s ease normal forwards;
-webkit-animation: colj2 .5s ease normal forwards;
animation-iteration-count: 1;
animation-delay: 0.3s;
}
.he_syp6.on .he_dotsli3 {
animation: colj2 .5s ease normal forwards;
-webkit-animation: colj2 .5s ease normal forwards;
animation-iteration-count: 1;
animation-delay: 0.5s;
}
.he_syp6.on .he_dotsli4 {
animation: colj2 .5s ease normal forwards;
-webkit-animation: colj2 .5s ease normal forwards;
animation-iteration-count: 1;
animation-delay: 0.7s;
}
.he_syp6.on .he_dotsli5 {
animation: colj2 .5s ease normal forwards;
-webkit-animation: colj2 .5s ease normal forwards;
animation-iteration-count: 1;
animation-delay: 0.9s;
}
.he_syp6.on .he_dotsli6 {
animation: colj2 .5s ease normal forwards;
-webkit-animation: colj2 .5s ease normal forwards;
animation-iteration-count: 1;
animation-delay: 1.1s;
}
.he_syp6.on .he_dotsli7 {
animation: colj2 .5s ease normal forwards;
-webkit-animation: colj2 .5s ease normal forwards;
animation-iteration-count: 1;
animation-delay: 1.3s;
}
.he_syp6.on .he_dotsli8 {
animation: colj2 .5s ease normal forwards;
-webkit-animation: colj2 .5s ease normal forwards;
animation-iteration-count: 1;
animation-delay: 2s;
}
.he_pc_hd.act .he_navlo .he_img {
opacity: 0;
}
.he_pc_hd.act .he_navlo .he_img1 {
opacity: 1;
top: 19px;
}
.he_pc_hd.act .he_navlo {
line-height: 76px;
}
.he_navlo {
transition: all 0.36s;
}
.he_pc_hd.act {
background: #fff;
box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
}
.he_pc_hd.act .he_navbtic {
margin-top: 12px;
}
/* .he_pc_hd.act .he_navbtic .he_img {
opacity: 0;
}
.he_pc_hd.act .he_navbtic .he_img1 {
opacity: 1;
} */
.he_pc_hd.act .he_navbtic {
background: transparent;
}
.he_navbtxi a {
font-size: 16px;
line-height: 122px;
transition: all 0.36s;
display: block;
/* display: none; */
color: #999999;
opacity: 0;
}
.he_pc_hd.act .he_navbtxi a {
line-height: 76px;
/* display: block; */
opacity: 1;
}
.he_down {
width: 100%;
position: fixed;
top: 122px;
left: 0;
background: rgba(255, 255, 255, 0.96);
height: calc(100% - 76px);
z-index: 999;
display: none;
border-top: 1px solid #eeeeee;
transition: top 0.36s;
}
.he_pc_hd.act .he_down {
top: 76px;
}
.he_downbx {
width: 100%;
position: relative;
padding-top: 60px;
padding-bottom: 30px;
}
.he_downtp .he_fonati a {
font-weight: bold;
color: #333;
position: relative;
}
.he_downtp .he_fonati a::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 16px;
height: 1px;
background: #ef2d1a;
}
.he_downtp .he_fonatfh a {
font-size: 16px;
line-height: 36px;
color: #333333;
}
.he_downtp .he_fonati {
margin-bottom: 17px;
}
.he_downtp {
width: 100%;
border-bottom: 2px solid #e5e5e5;
padding-bottom: 90px;
}
/* .he_downtp .he_fonali {
margin-right: 169px;
} */
.he_downtp .he_fonali {
margin-right: 166px;
}
.he_downtp .he_fonali:last-child {
margin-right: 0 !important;
}
.he_serdo {
margin-top: 43px;
margin-bottom: 53px;
}
.he_serdoin {
width: 390px;
height: 46px;
border: 1px solid #e3e3e3;
border-radius: 50px;
position: relative;
}
.he_serdoin input {
width: 100%;
height: 100%;
padding-left: 24px;
padding-right: 50px;
font-size: 14px;
color: #999999;
}
.he_serig {
width: 16px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 22px;
z-index: 10;
cursor: pointer;
}
.he_sylaj {
width: 100%;
position: relative;
}
.he_sylajli {
width: 33.333333%;
padding: 0 7px;
}
.he_sylajul {
margin: 0 -7px;
}
.he_sylaig {
width: 100%;
position: relative;
}
.he_sylaite p {
font-size: 16px;
line-height: 48px;
color: #333333;
height: 48px;
overflow: hidden;
font-weight: bold;
text-align: center;
}
.he_fonatfh .yxnav_active2 {
color: #ef2d1a !important;
}
.he_henavli.yxnav_active1 a {
color: #ef2d1a !important;
}
.he_syp6 {
width: 100%;
position: relative;
}
.he_floter {
width: 100%;
position: relative;
background: #ffffff;
box-shadow: 0px 5px 50px 0 rgba(0, 0, 0, 0.05);
}
.he_fotp {
width: 100%;
background: #fff;
padding: 45px 86px 35px;
}
.he_fotbp {
background: #158b2d;
padding: 7px 86px 7px;
width: 100%;
}
.he_fotpri {
width: 94px;
}
.he_fotple {
width: calc(100% - 94px);
}
.he_fonati a {
font-size: 18px;
line-height: 30px;
color: #333333;
}
.he_fonatfh a {
font-size: 14px;
line-height: 24px;
color: #999999;
display: block;
transition: all 0.36s;
}
.he_fonati {
margin-bottom: 10px;
}
.he_fonali {
margin-right: 178px;
}
.he_fonali:last-child {
margin-right: 0;
}
.he_fotsher {
width: 100%;
position: relative;
}
.he_fotshn {
position: relative;
width: 22px;
}
.he_fotshn img {
width: 100%;
}
.he_fotshn a {
position: absolute;
width: 100%;
height: 100% !important;
display: block;
background: none !important;
left: 0;
top: 0;
z-index: 5;
}
.he_fotshn a {
padding-left: 0 !important;
}
.he_navbtic.on .he_img {
opacity: 0;
}
.he_navbtic.on .he_img1 {
opacity: 1;
}
.he_banklm.slick-current .he_bansbi p {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.4s;
}
.he_banklm.slick-current .he_banmon {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.4s;
}
.he_banklm.slick-current .he_conjy {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.4s;
}
.g_b2skd span::before {
-webkit-animation: boderM 3s .75s infinite;
-moz-animation: boderM 3s .75s infinite;
animation: boderM 3s .75s infinite;
}
.g_b2skd span::after {
-webkit-animation: boderM 3s infinite;
-moz-animation: boderM 3s infinite;
animation: boderM 3s infinite;
}
@keyframes boderM {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0
}
20% {
opacity: 1
}
75% {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
opacity: 0
}
100% {
opacity: 0
}
}
@-webkit-keyframes boderM {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0
}
20% {
opacity: 1
}
75% {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
opacity: 0
}
100% {
opacity: 0
}
}
@-webkit-keyframes bordershow {
0% {
box-shadow: 0px 0px 0px 0px #ef2d1a;
}
50% {
box-shadow: 0px 0px 14px 4px #ef2d1a;
}
100% {
box-shadow: 0px 0px 0px 0px #ef2d1a;
}
}
@-moz-keyframes bordershow {
0% {
box-shadow: 0px 0px 0px 0px #ef2d1a;
}
50% {
box-shadow: 0px 0px 14px 4px #ef2d1a;
}
100% {
box-shadow: 0px 0px 0px 0px #ef2d1a;
}
}
@keyframes bordershow {
0% {
box-shadow: 0px 0px 0px 0px #ef2d1a;
}
50% {
box-shadow: 0px 0px 14px 4px #ef2d1a;
}
100% {
box-shadow: 0px 0px 0px 0px #ef2d1a;
}
}
.he_syp5nle img {
width: 100%;
}
.he_syp1tp .he_img2 {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 100%;
}
.he_syp1tp .he_img2 {
-webkit-animation: block2 0.6s ease both;
animation: block2 0.6s ease both;
animation-delay: 1.3s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes block2 {
0% {
width: 0;
}
25% {
width: 100%;
}
50% {
width: 100%;
transform: translateX(0);
}
100% {
width: 100%;
transform: translateX(-100%);
}
}
.he_syp7 {
width: 100%;
position: relative;
}
.he_fot {
background: #2b2b2b;
/* padding-top: 1px; */
}
.he_syp7 {
padding-bottom: 214px;
}
.he_syp7bx {
width: 100%;
position: relative;
}
.he_synewcon {
width: 100%;
position: relative;
margin-top: 72px;
}
.he_synewcle {
width: 534px;
position: relative;
}
.he_synewpi {
width: 100%;
position: relative;
overflow: hidden;
}
.he_synewpi img {
transition: all 1s;
}
.he_synewpte {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: 28px 28px;
}
.he_synewpjp p {
font-size: 14px;
line-height: 1.75;
color: #ffffff;
}
.he_synewpj2 p {
font-size: 18px;
line-height: 1.5;
color: #ffffff;
font-weight: bold;
height: 24px;
overflow: hidden;
}
.he_synewpj3 {
width: 20px;
margin-top: 20px;
}
.he_synewpj3 img {
width: 100%;
}
.he_newzs {
width: 433px;
position: absolute;
bottom: -30px;
right: -30px;
z-index: -1;
}
.he_newzs img {
width: 100%;
}
.he_synewcri {
width: calc(100% - 534px);
padding-left: 80px;
}
.he_synewli {
width: 50%;
padding: 0 45px;
margin-bottom: 88px;
}
.he_synewul {
margin: 0 -45px;
}
.he_synewlbx {
width: 100%;
position: relative;
}
.he_synewvle {
width: 78px;
}
.he_synewvri {
width: calc(100% - 78px);
}
.he_synep1 {
font-size: 36px;
line-height: 48px;
color: #ef2d1a;
font-weight: bold;
}
.he_synep2 {
font-size: 14px;
line-height: 1.75;
color: #333333;
font-weight: bold;
}
.he_synewbt p {
font-size: 18px;
font-weight: bold;
color: #333333;
line-height: 1.65;
height: 58px;
overflow: hidden;
transition: all 0.36s;
}
.he_synewbh p {
font-size: 14px;
line-height: 1.75;
color: #999999;
height: 48px;
overflow: hidden;
}
.he_synewbh {
margin-top: 16px;
}
.he_symwmo {
text-align: center;
}
.he_symwmo .he_syp1mo {
display: inline-block;
}
.he_symwmo .he_syp1mo {
margin-top: 43px;
}
.he_fotbx {
width: 100%;
position: relative;
padding-top: 76px;
padding-bottom: 12px;
}
.he_fotble {
width: 326px;
position: relative;
}
.he_fotlip1 a {
font-size: 20px;
line-height: 1.75;
color: #fff;
position: relative;
font-weight: bold;
}
.he_fotlip1 a::after {
content: '';
position: absolute;
bottom: -13px;
left: 0;
width: 20px;
height: 2px;
background-color: #ef2d1a;
}
.he_banmob {
width: 100%;
margin-top: 24px;
}
.he_banmogf a {
font-size: 16px;
line-height: 1.75;
color: #e5e5e5;
transition: all 0.36s;
}
.he_banmogf {
margin-bottom: 16px;
}
.he_fotli {
min-width: 219px;
}
.he_fotli:last-child {
min-width: auto;
}
.he_fotbbg {
width: 100%;
margin-top: 40px;
text-align: right;
padding-bottom: 20px;
}
.he_fotbfx {
display: inline-block;
}
.he_fotbfxc {
width: 100%;
}
.he_fotbfxco a {
position: absolute;
width: 100%;
height: 100% !important;
display: block;
background: none !important;
left: 0;
top: 0;
z-index: 5;
}
.he_fotbfxco a {
padding-left: 0 !important;
}
.he_fotbfxco {
width: 24px;
position: relative;
margin-left: 30px;
}
.he_fotbfxco img {
width: 100%;
opacity: 0.7;
transition: all 0.36s;
}
.he_quanx {
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.11);
}
.he_quanxg {
width: 100%;
padding: 22px 0;
}
.he_quanxg p {
font-size: 14px;
line-height: 1.75;
color: #999999;
}
.he_quanxg p a {
color: #999999;
}
.he_fot {
position: relative;
}
.he_fot::after {
content: '';
position: absolute;
top: -112px;
left: 0;
width: 7584px;
height: 112px;
background: url(../images/flot1.png) repeat-x;
z-index: 10;
}
.he_syp6 .he_img {
top: 1px;
}
.he_sypbble {
width: 340px;
position: absolute;
top: 200px;
left: 0;
height: 100%;
opacity: 0;
transition: all 3s;
}
.he_sypb7.on .he_sypbble {
z-index: 20;
/* opacity: 1; */
}
.he_sypb7bj {
width: 100%;
position: relative;
padding: 104px 0;
}
.he_sypb7 {
width: 100%;
position: relative;
overflow: hidden;
height: 938px;
padding-bottom: 120px;
}
.he_sypbbri {
width: 79.869%;
}
.he_sypbbri img {
width: 100%;
}
.he_sypblti p {
font-size: 60px;
line-height: 1.75;
color: #ef2d1a;
}
.he_sypbltk p {
font-size: 24px;
line-height: 1.75;
color: #333;
}
.he_sypbgt {
width: 100%;
margin-top: 240px;
}
.he_sypbvg p {
font-size: 18px;
line-height: 36px;
color: #333333;
}
.he_sypbhtli .he_fg1yili {
margin-right: 20px;
margin-top: 12px;
}
.he_sypbhtli {
position: relative;
cursor: pointer;
margin-bottom: 14px;
}
.he_sypbhtli::before {
content: '';
position: absolute;
top: 18px;
left: -165px;
width: 0;
height: 1px;
background: #ef2d1a;
transition: all 0.5s;
opacity: 0;
}
.he_sypbhtli.act::before {
width: 290px;
opacity: 1;
}
.he_sypbgt .he_sypbhtli.act::before {
width: 192px;
opacity: 1;
}
.he_sypbgt .he_sypbhtli::before {
left: -191px;
}
.he_sypbhtul {
display: inline-block;
}
.he_sypbhtli.act .he_sypbvg p {
color: #ef2d1a;
font-weight: bold;
}
.he_shangzc {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
/* background: ; */
transition: all 3s ease;
transform: translate(-50%, -50%) translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.he_sypb7.on .he_shangzc {
transform: translate(-350%, -50%) translate3d(0px, 0px, 0px) scale3d(11, 11, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,
0deg);
}
.he_sypb7.on .he_cxinj {
display: none;
}
.he_zddot .he_sypbhtli {
margin-left: 30px;
width: 197px;
}
.he_zddot .he_sypbhtli:first-child {
margin-left: 0px;
}
.he_zddot .he_sypbhtul {
text-align: center;
}
.he_zddot .he_sypbvg {
margin-top: 30px;
}
.he_zddot {
margin-top: 126px;
}
.he_zddot .he_sypbhtli::before {
left: -194px;
}
.he_zddot .he_sypbhtli .he_fg1yili {
margin-right: 0px;
}
.he_cxinj {
position: absolute;
bottom: -49px;
right: -4px;
z-index: 100;
}
.he_cxinj img {
width: 100%;
transition: all 0.8s;
}
.he_shangzc .he_contetn {
position: relative;
}
.he_sypb7.act .he_cxinj img {
opacity: 0;
}
.he_conjy p {
font-size: 16px;
line-height: 1.75;
color: #ffffff;
}
.he_conklp {
width: 53%;
}
.he_fotnle {
width: 303px;
}
.he_fotncor {
width: 100%;
}
.he_fotnch p {
font-size: 18px;
line-height: 1.75;
color: #ffffff;
}
.he_fotnch {
border-bottom: 1px solid rgba(110, 110, 110, 0.65);
padding-bottom: 10px;
}
.he_dizhi {
width: 100%;
position: relative;
margin-top: 16px;
}
.he_dizhile {
width: 16px;
line-height: 2;
}
.he_dizhile img {
width: 100%;
}
.he_dizhiri {
width: calc(100% - 16px);
padding-left: 12px;
}
.he_dizhiri p {
font-size: 16px;
line-height: 1.75;
color: #ffffff;
}
.he_dizhili {
margin-bottom: 8px;
}
.he_fotbfx {
width: 100%;
}
.he_fotbfxco:first-child {
margin-left: 0;
}
.he_youqin {
width: 170px;
position: relative;
z-index: 10;
}
.he_youqintp {
width: 100%;
border: 1px solid #575757;
padding: 10px 16px;
position: relative;
cursor: pointer;
}
.he_youqinig {
width: 8px;
}
.he_youqinte {
width: calc(100% - 8px);
}
.he_youqinte p {
font-size: 14px;
line-height: 1.5;
color: #999999;
}
.he_youqinig {
width: 8px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
}
.he_youqinte {
width: calc(100% - 8px);
padding-right: 10px;
}
.he_youqinig img {
transition: all 0.36s;
width: 100%;
}
.he_youqinbt {
width: 100%;
position: absolute;
bottom: 43px;
left: 0;
padding: 16px 26px;
border: 1px solid #575757;
background: #303030;
display: none;
}
.he_youqiscl a {
text-align: left;
color: #999;
line-height: 24px;
font-size: 14px;
display: block;
transition: all .36s;
transition: all 0.36s;
margin-bottom: 4px;
}
.he_youqiscl {
height: 108px;
overflow: hidden;
}
.he_youqin.on .he_youqinig img {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
/* IE 9 */
-moz-transform: rotate(180deg);
/* Firefox */
-webkit-transform: rotate(180deg);
/* Safari 和 Chrome */
-o-transform: rotate(180deg);
/* Opera */
}
.he_youqiscl .mCSB_inside>.mCSB_container {
margin-right: 4px;
}
.he_youqiscl .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 2px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 13px;
}
.he_youqin {
margin-top: 36px;
margin-bottom: 42px;
}
.he_gdx2.act .he_ovhy {
opacity: 0;
animation: flashftky 0.2s ease-out forwards;
animation-delay: 1.36s;
}
@-webkit-keyframes flashfty {
0% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes flashftky {
0% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.he_sypb7.on .he_sypbble {
opacity: 1;
}
.he_dfhul {
width: 100%;
}
.he_dfhli {
width: 100%;
position: relative;
}
.he_dfhtu {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.he_dfhtkl {
position: absolute;
}
.he_dfhtkl img {
width: 100%;
}
.he_dfhtkl1 {
width: 455px;
top: 40%;
left: 0;
}
.he_dfhtkl2 {
width: 155px;
top: 20.4%;
left: 24.7%;
}
.he_dfhtkl3 {
width: 166px;
bottom: 2px;
left: 23.84%;
}
.he_dfhtkl4 {
width: 154px;
top: 20.4%;
left: 37.4%;
}
.he_dfhtkl5 {
width: 300px;
left: 37.5%;
top: 40.4%;
}
.he_dfhtkl6 {
width: 153px;
left: 37.5%;
bottom: 19.8%;
}
.he_dfhtkl7 {
width: 301px;
top: 20.4%;
left: 50.1%;
}
.he_dfhtkl8 {
width: 154px;
top: 40.4%;
left: 62.2%;
}
.he_dfhtkl9 {
width: 455px;
bottom: 19.8%;
left: 50%;
}
.he_dfhtkl10 {
width: 147px;
bottom: 0;
left: 50%;
}
.he_dfhtkl11 {
width: 155px;
top: 1px;
left: 62.15%;
}
.he_dfhtkl12 {
width: 305px;
top: 20.4%;
right: 0;
}
.he_dfhli {
display: none;
}
.he_dfhli:first-child {
display: block;
}
.he_dfhli1 .he_dfhtkl4 {
width: 300px;
}
.he_dfhli1 .he_dfhtkl6 {
width: 454px;
}
.he_dfhli1 .he_dfhtkl10 {
width: 305px;
left: 37.4%;
}
.he_dfhli1 .he_dfhtkl1 {
top: 40.4%;
}
.he_dfhli1 .he_dfhtkl7 {
width: 154px;
left: 62.2%;
}
.he_dfhli.slick-current .he_dfhtkl1 img {
-webkit-animation: rollInhe 1s ease both;
animation: rollInhe 1s ease both;
animation-delay: 0.4s;
}
.he_dfhli.slick-current .he_dfhtkl2 img {
-webkit-animation: rollInhe 1s ease both;
animation: rollInhe 1s ease both;
animation-delay: 0.4s;
}
.he_dfhli.slick-current .he_dfhtkl3 img {
-webkit-animation: rollInhe 1s ease both;
animation: rollInhe 1s ease both;
animation-delay: 0.4s;
}
.he_dfhli.slick-current .he_dfhtkl4 img {
-webkit-animation: rollInhe 1s ease both;
animation: rollInhe 1s ease both;
animation-delay: 0.4s;
}
.he_dfhli.slick-current .he_dfhtkl5 img {
-webkit-animation: rollInhe 1s ease both;
animation: rollInhe 1s ease both;
animation-delay: 0.4s;
}
.he_dfhli.slick-current .he_dfhtkl6 img {
-webkit-animation: rollInhe 1s ease both;
animation: rollInhe 1s ease both;
animation-delay: 0.4s;
}
.he_dfhli.slick-current .he_dfhtkl7 img {
-webkit-animation: rollInhe 1s ease both;
animation: rollInhe 1s ease both;
animation-delay: 0.4s;
}
.he_dfhli.slick-current .he_dfhtkl8 img {
-webkit-animation: rollInhe 1s ease both;
animation: rollInhe 1s ease both;
animation-delay: 0.4s;
}
.he_dfhli.slick-current .he_dfhtkl9 img {
-webkit-animation: rollInhe1 1s ease both;
animation: rollInhe1 1s ease both;
animation-delay: 0.4s;
}
.he_dfhli.slick-current .he_dfhtkl10 img {
-webkit-animation: rollInhe1 1s ease both;
animation: rollInhe1 1s ease both;
animation-delay: 0.4s;
}
.he_dfhli.slick-current .he_dfhtkl11 img {
-webkit-animation: rollInhe1 1s ease both;
animation: rollInhe1 1s ease both;
animation-delay: 0.4s;
}
.he_dfhli.slick-current .he_dfhtkl12 img {
-webkit-animation: rollInhe1 1s ease both;
animation: rollInhe1 1s ease both;
animation-delay: 0.4s;
}
@media screen and (min-width:1200px) {
.pc_fenye li:hover {
color: #fff;
background-color: #333333;
}
.he_syp4bhg:hover {
border-color: #162945;
background: #162945;
}
.he_syp4bhg:hover .he_img {
opacity: 0;
}
.he_syp4bhg:hover .he_img1 {
opacity: 1;
}
.he_syp4bhg:hover .he_syp4bhri p {
color: #fff;
}
.he_syp4brul:hover {
animation-play-state: paused
}
.he_youqiscl a:hover {
color: #fff;
}
.he_henavli.yxnav_active1 a:hover {
color: #ef2d1a !important;
}
/*
.he_pc_hd:hover .he_navlo .he_img {
opacity: 0;
}
.he_pc_hd:hover .he_navlo .he_img1 {
opacity: 1;
}
.he_pc_hd:hover {
background: #fff;
} */
.he_dotsli:hover img {
opacity: 1 !important;
}
.he_fg1yili:hover .he_fg1yilp p {
color: #ef2d1a;
}
.he_syp1tp:hover .he_img1 {
transform: scale(1.05);
}
.he_synewcle:hover .he_synewpi img {
transform: scale(1.05);
}
.he_banmogf a:hover {
color: #ef2d1a;
}
.he_synewlbx:hover .he_synewbt p {
color: #ef2d1a;
}
.he_fotbfxco:hover img {
opacity: 1;
}
.he_cxinj:hover img {
opacity: 0;
}
/* 5.26 */
.he_banmon:hover {
border-color: #ef2d1a;
}
.he_banmon:hover a {
color: #ef2d1a;
}
.he_banmon {
transition: all .36s;
}
.he_syp1tp:hover svg {
transform: scale(1.06) !important;
}
}
.g_rotateInDownLeft {
-webkit-animation: rollInhe 1s ease both;
animation: rollInhe 1s ease both;
animation-delay: 0.4s;
}
.g_rotateInDownLeft1 {
-webkit-animation: rollInhe1 1s ease both;
animation: rollInhe1 1s ease both;
animation-delay: 0.4s;
}
@-webkit-keyframes rollInhe {
to {
opacity: 1;
transform: translateZ(0) scale(1);
}
from {
opacity: 0;
transform: translate3d(0, -100px, 0) scale(0.6);
}
}
@keyframes rollInhe {
to {
opacity: 1;
transform: translateZ(0) scale(1);
}
from {
opacity: 0;
transform: translate3d(0, -100px, 0) scale(0.6);
}
}
@-webkit-keyframes rollInhe1 {
to {
opacity: 1;
transform: translateZ(0) scale(1);
}
from {
opacity: 0;
transform: translate3d(100px, 0, 0) scale(0.6);
}
}
@keyframes rollInhe1 {
to {
opacity: 1;
transform: translateZ(0) scale(1);
}
from {
opacity: 0;
transform: translate3d(100px, 0, 0) scale(0.6);
}
}
.he_cxinj {
position: absolute;
bottom: -76px;
right: -53px;
z-index: 100;
width: 785px;
}
.he_sypbbty {
display: none;
}
.he_sypbbty:first-child {
display: block;
}
.he_fotnav {
margin-top: 46px;
}
.he_fotbx {
padding-top: 46px;
}
.he_banklm {
display: none;
}
.he_banklm:first-child {
display: block;
}
.he_zhusfo {
width: 1154px;
position: absolute;
bottom: 0;
right: 0;
pointer-events: none;
}
.he_zhusfo img {
width: 100%;
}
.he_fot .he_contetn {
position: relative;
z-index: 10;
}
.he_fot .he_quanx {
position: relative;
z-index: 10;
}
/* */
/* .he_shangzc {
display: none;
}
.he_sypbble {
opacity: 1;
} */
.he_sypb7.act .he_cxinj img {
animation: flashfty 0.2s ease forwards;
animation-delay: 1.56s;
opacity: 0;
}
.he_sypb7.opct .he_cxinj img {
opacity: 0;
animation: flashftky 0.2s ease-out forwards;
animation-delay: 2.8s;
}
@-webkit-keyframes flashfty {
0% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes flashftky {
0% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes wave {
100% {
transform: translateX(-50%);
}
}
/* .he_fot::after {
animation: wave 15s linear infinite;
} */
.he_syp1btn {
position: relative;
overflow: hidden;
}
.he_syp1btn .he_img1 {
visibility: hidden;
opacity: 0;
}
.he_syp1btn .overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #ef2d1a;
visibility: hidden;
opacity: 0;
z-index: 5;
pointer-events: none;
}
.he_syp1btn .he_img {
z-index: 10;
}
/* .he_baner {
position: fixed;
top: 0;
left: 0;
}
.he_main {
margin-top: 100vh;
} */
.he_syp1,
.he_syp2,
.he_syp3,
.he_syp4,
.he_syp5,
.he_syp7 {
background-color: #fff;
}
.he_syp7 {
padding-top: 70px;
}
.he_sypb7 {
background-color: #fff;
}
.he_main {
background-color: #fff;
position: relative;
z-index: 2;
}
.he_syp7zs {
position: absolute;
top: 15px;
left: 0;
width: 272px;
}
.he_syp7zs img {
width: 100%;
}
.he_syp7 .he_contetn {
position: relative;
z-index: 5;
}
.he_syp3_list p {
position: relative;
font-size: 18px;
line-height: 26px;
font-weight: bold;
padding: 5px 0;
padding-left: 1em;
}
.he_syp3_list p::before {
content: "●";
position: absolute;
left: 0;
top: 2.5px;
font-size: 18px;
line-height: inherit;
color: #ef2d1a;
}
.he_syp3_listbox {
padding-top: 15px;
}
.he_fot_gray {
background: #f2f2f2;
z-index: 2;
}
.he_fot_gray.he_fot::after {
background: url(../images/float1.png) repeat-x;
animation: wave 15s linear infinite;
}
.he_fot_gray .he_fotnch p,
.he_fot_gray .he_fotlip1 a {
color: #333;
}
.he_fot_gray .he_banmogf a,
.he_fot_gray .he_dizhiri p {
color: #999;
}
.he_fot_gray .he_fotlip1 a:hover,
.he_fot_gray .he_banmogf a:hover {
opacity: 0.8;
}
.he_main,
.he_baner {
position: relative;
z-index: 1;
}
/* .he_ban_modal_t,
.he_ban_modal_b {
position: absolute;
left: 50%;
z-index: 10;
transform: translateX(-50%);
width: 1920px;
pointer-events: none;
}
.he_ban_modal_t {
bottom: 0;
height: 550px;
background: linear-gradient(0deg, rgb(11,35,54) 0%, rgba(11,35,54,0) 100%);
}
.he_ban_modal_b {
top: 0;
height: 600px;
background: linear-gradient(0deg, rgba(11,35,54,0) 0%, rgba(11,35,54,0.4) 40%, rgb(11,35,54) 100%);
background: url(../images/ban_modal_b.png) center / cover no-repeat;
} */
/* .he_ban_modal_t {
bottom: 0;
height: 550px;
background: linear-gradient(180deg, rgba(236, 240, 250, 0) 30%, rgba(236, 240, 250, 1));
}
.he_ban_modal_b {
top: 0;
height: 850px;
background: linear-gradient(0deg, rgba(236, 240, 250, 0) 20%, rgba(236, 240, 250, 1));
} */
.he_syp1tp svg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
/* .he_syp1tp{
clip-path: path('M289.3,0c-39.4,0-82.7,30.8-96.7,69L2.4,589.6c-7.6,20.7,3.7,37.5,25,37.5l1020.8,0.9L1049,0.7L289.3,0z');
} */
.he_quanxg.fr p a {
color: #d9d9d9;
}
.he2_a .he_quanxg {
width: auto;
}
.he_youqintp {
border-color: #d9d9d9;
}
.he2_a .he_banmor {
margin-top: 100px;
}
.he2_a .he_zhusfo {
width: 1081px;
}
.heart2 {
width: 620px;
}
.index-society .heart2 .label-1 {
width: 9.516129%;
padding-bottom: 8.870968%;
left: 3.387097%;
top: 12.280702%;
}
.index-society .heart2 .label-2 {
width: 19.516129%;
padding-bottom: 17.903226%;
left: 13.55%;
top: 0.00%;
}
.index-society .heart2 .label-3 {
width: 14.032258%;
padding-bottom: 8.870968%;
left: 33.87%;
top: 12.50%;
}
.index-society .heart2 .label-4 {
width: 9.516129%;
padding-bottom: 8.870968%;
left: 57.10%;
top: 12.50%;
}
.index-society .heart2 .label-5 {
width: 19.516129%;
padding-bottom: 17.903226%;
left: 67.10%;
top: 0.00%;
}
.index-society .heart2 .label-6 {
width: 9.516129%;
padding-bottom: 8.870968%;
left: 87.42%;
top: 12.72%;
}
.index-society .heart2 .label-7 {
width: 19.516129%;
padding-bottom: 17.903226%;
left: 0.00%;
top: 25.22%;
}
.index-society .heart2 .label-8 {
width: 39.516129%;
padding-bottom: 17.903226%;
left: 20.00%;
top: 25.22%;
}
.index-society .heart2 .label-9 {
width: 39.516129%;
padding-bottom: 17.903226%;
left: 60.00%;
top: 25.22%;
}
.index-society .heart2 .label-10 {
width: 20.483871%;
padding-bottom: 13.225806%;
left: 4.68%;
top: 50.44%;
}
.index-society .heart2 .label-11 {
width: 19.516129%;
padding-bottom: 17.903226%;
left: 25.48%;
top: 50.44%;
}
.index-society .heart2 .label-12 {
width: 39.677419%;
padding-bottom: 17.903226%;
left: 45.65%;
top: 50.44%;
}
.index-society .heart2 .label-13 {
width: 14.354839%;
padding-bottom: 8.870968%;
left: 25.48%;
top: 76.10%;
}
.index-society .heart2 .label-14 {
width: 19.516129%;
padding-bottom: 17.903226%;
left: 40.32%;
top: 76.10%;
}
.index-society .heart2 .label-15 {
width: 13.064516%;
padding-bottom: 9.193548%;
left: 60.16%;
top: 76.10%;
}
.he2_a .he_fg1yile {
width: calc(100% - 620px);
}
.he2_a .he_syp1zh2 {
z-index: 11;
pointer-events: none;
}
.he_banslk .slick-dots {
width: 8px;
right: 30px;
left: auto;
bottom: 50%;
}
.he_banslk .slick-dots li {
width: 8px;
height: 8px;
border-radius: 50%;
margin: 0 0 12px;
background: #fff;
opacity: .5;
}
.he_banslk .slick-dots li.slick-active {
opacity: 1;
}
.he_syp3 .he_syp1nc {
width: 40%;
}
.fp-tableCell {
overflow-x: hidden;
}
.he_ban_modal_t {
display: none;
}
.he_syp1,
.he_syp2,
.he_syp4,
.he_syp5 {
background-color: transparent;
}
.he_syp6 {
background: #fff;
}
.he_ban_modal_b {
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 5152px;
background: linear-gradient(0deg, rgba(228, 229, 233, .2), rgba(228, 229, 233, 1));
}
.he_syp5le svg {
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.he_syp5le video {
clip-path: url(#clipPath2);
height: 636px;
object-fit: cover;
}
.he_syp5le {
clip-path: url(#clipPath2);
}
.he_syp1tp svg {
transition: all 1s;
}
.he_syp6 .he_contetn {
min-height: 975px;
}
.he_frxindxli2 {
/* display: none; */
/* opacity: 0; */
}
.he_frxindxli {
display: none;
}
.he_syp6vzc {
width: 100%;
position: relative;
z-index: 12;
height: 100%;
}
.he_syp6btny {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.he_syp6vzc img {
width: auto;
height: 100%;
position: relative;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.he_syp6btdli {
display: none;
}
.he_syp6btdli:first-child {
display: block;
}
.he_fg1yirli2 {
display: none;
}
@-webkit-keyframes dinbv15 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, -153.5, -307);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv14 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, 238, 476);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv13 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, -153.5, -307);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv12 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, -181.5, -363);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv11 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, 44, 88);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv10 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, -132, -264);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv9 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, -40.5, -81);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv8 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, 142.5, 285);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv7 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, 224.5, 449);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv6 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, 231, 462);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv5 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, -90.5, -181);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv4 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, 118, 236);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv3 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, 104, 208);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv2 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, -73.5, -147);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dinbv1 {
0% {
opacity: 0;
transform: matrix(2, 0, 0, 2, 207.5, 415);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
/* .he_fg1yirli label{
-webkit-animation: dinbv 1s ease both;
animation: dinbv 1s ease both;
animation-delay: 0.4s;
} */
.label-15 {
-webkit-animation: dinbv15 1s ease both;
animation: dinbv15 1s ease both;
}
.label-14 {
-webkit-animation: dinbv14 1s ease both;
animation: dinbv14 1s ease both;
}
.label-13 {
-webkit-animation: dinbv13 1s ease both;
animation: dinbv13 1s ease both;
}
.label-12 {
-webkit-animation: dinbv12 1s ease both;
animation: dinbv12 1s ease both;
}
.label-11 {
-webkit-animation: dinbv11 1s ease both;
animation: dinbv11 1s ease both;
}
.label-10 {
-webkit-animation: dinbv10 1s ease both;
animation: dinbv10 1s ease both;
}
.label-9 {
-webkit-animation: dinbv9 1s ease both;
animation: dinbv9 1s ease both;
}
.label-8 {
-webkit-animation: dinbv8 1s ease both;
animation: dinbv8 1s ease both;
}
.label-7 {
-webkit-animation: dinbv7 1s ease both;
animation: dinbv7 1s ease both;
}
.label-6 {
-webkit-animation: dinbv6 1s ease both;
animation: dinbv6 1s ease both;
}
.label-5 {
-webkit-animation: dinbv5 1s ease both;
animation: dinbv5 1s ease both;
}
.label-4 {
-webkit-animation: dinbv4 1s ease both;
animation: dinbv4 1s ease both;
}
.label-3 {
-webkit-animation: dinbv3 1s ease both;
animation: dinbv3 1s ease both;
}
.label-2 {
-webkit-animation: dinbv2 1s ease both;
animation: dinbv2 1s ease both;
}
.label-1 {
-webkit-animation: dinbv1 1s ease both;
animation: dinbv1 1s ease both;
}
.he_syp1tp image {
transition: all 0.8s;
transform-origin: center;
}
.he_syp1tp svg {
transition: all 0.8s;
}
.he_syp3bslik {
display: none;
}
.he_syp3bslik:first-child {
display: block;
}
.he_banklm1 .he_banul {
position: relative;
}
.he_banklm1 .he_banul::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 10;
}
.he_dotsli1 {
left: 13%;
}
.he_dotsli2 {
left: 21.6%;
bottom: 28.4%;
}
.he_dotsli3 {
left: 30.3%;
bottom: 38%;
}
.he_dotsli4 {
left: 42.2%;
bottom: 36.6%;
}
.he_dotsli5 {
left: 53.5%;
bottom: 45.3%;
}
.he_dotsli6 {
left: 62.8%;
bottom: 66.8%;
}
.he_dotsli7 {
right: 24%;
bottom: 80%;
}
.he_dotsli8 {
right: 9%;
bottom: 73%;
}
/* Macro start */
.mc_banner_inner {
position: relative;
z-index: 1;
}
.mc_inban_imgbox {
position: relative;
}
.mc_inban_imgbox::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
background: rgba(0, 0, 0, .4);
}
.mc_inban_pc {
width: 100%;
height: 600px;
}
.mc_inban_ph {
width: 100%;
display: none;
}
.mc_cont1520 {
width: 1520px;
margin: 0 auto;
max-width: calc(100% - 80px);
}
.mc_cont1200 {
width: 1200px;
margin: 0 auto;
max-width: calc(100% - 40px);
}
.mc_title48 {
font-size: 48px;
line-height: 1.2;
font-weight: bold;
color: #333333;
text-align: center;
}
.mc_title30 {
font-size: 30px;
line-height: 1.5;
font-weight: bold;
text-align: center;
}
.mc_txt1630,
.mc_txt1630 p {
font-size: 16px;
line-height: 30px;
color: #333;
}
.mc_inban_container {
position: absolute;
left: 50%;
top: 50%;
z-index: 5;
transform: translate(-50%, -50%);
}
.mc_bread_nav {
font-size: 0;
text-align: center;
}
.mc_bread_li {
display: inline-block;
vertical-align: middle;
}
.mc_bread_a {
font-size: 14px;
line-height: 20px;
display: inline-block;
vertical-align: middle;
color: #ffffff;
}
.mc_bread_li:not(:first-child)::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 1px;
height: 15px;
background: #fff;
margin: 0 15px;
}
.mc_inban_title {
font-size: 60px;
font-weight: bold;
line-height: 1.2;
text-align: center;
color: #fff;
}
.mc_bread_navbox {
margin-bottom: 12px;
}
.mc_main {
position: relative;
}
.mc_innav_box {
position: absolute;
left: 50%;
top: 0;
z-index: 10;
transform: translate(-50%, -100%);
background: #fff;
border-radius: 30px 30px 0 0;
padding: 50px 30px;
}
.mc_innav {
text-align: center;
font-size: 0;
margin: 0 -70px;
}
.mc_innav_li {
display: inline-block;
vertical-align: middle;
padding: 0 70px;
}
.mc_innav_a {
position: relative;
font-size: 16px;
color: #333;
line-height: 20px;
padding-left: 1.5em;
}
.mc_innav_a::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 2px;
height: 100%;
background: #ef2d1a;
}
.mc_b1s1_top {
padding: 90px 0 110px;
position: relative;
z-index: 10;
}
.mc_b1s1_title {
margin-bottom: 50px;
}
.mc_b1s1_txtbox {
margin-bottom: 60px;
}
.mc_b1s1_img_clipbox {
position: relative;
overflow: hidden;
}
.mc_b1s1_img_clip {
position: absolute;
left: 50%;
top: 50%;
z-index: 5;
transform: translate(-50%, -50%) scale(.4);
border-radius: 20px;
overflow: hidden;
width: 100%;
height: 100%;
box-shadow: 0 0 0 1000vw #fff;
}
.mc_b1s1_img_clip img {
position: relative;
left: 50%;
transform: translateX(-50%);
}
.mc_b1s1_imgbox {
position: relative;
}
.mc_b1s1_decorate {
position: absolute;
bottom: 90px;
right: 100%;
}
.mc_b1s1b_title {
text-align: left;
margin-bottom: 130px;
}
.mc_title36 {
font-size: 36px;
font-weight: bold;
line-height: 1.3;
}
.mc_more_btn {
display: inline-block;
vertical-align: top;
padding: 14px 35px;
white-space: nowrap;
font-size: 16px;
line-height: 20px;
color: #fff;
background: #ef2d1a;
}
.mc_more_btn {
position: relative;
z-index: 1;
}
.mc_more_btn::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 0%;
height: 100%;
background: #0460a0;
transition: all .36s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.mc_more_btn:hover::before {
width: 100%;
}
.mc_more_btn img {
width: 9px;
margin-left: 35px;
}
.mc_b1s1b_titlebox {
position: relative;
z-index: 1;
}
.mc_b1s1b_bg {
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 110%;
transform: translate(-42%, -36%);
}
.mc_b1s1b_container {
display: flex;
align-items: center;
}
.mc_b1s1b_titlebox {
width: 42%;
}
.mc_b1s1b_content {
width: 58%;
}
.mc_b1s1_bottom {
padding-bottom: 100px;
}
/* 列表图片 */
.mc_list_imgbox {
position: relative;
overflow: hidden;
}
.mc_list_under {
width: 100%;
position: relative;
z-index: 1;
top: 0;
left: 0;
}
.mc_list_img {
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
}
.mc_list_imgbox img {
transition: all .36s;
}
.mc_b1s1b_li {
float: left;
width: 33.333333%;
padding: 30px 0;
}
.mc_b1s1b_imgbox {
width: 100%;
max-width: 230px;
margin: 0 auto;
}
.mc_b1s1b_imgbox img {
object-fit: contain;
}
.mc_b1s1b_lisbox {
height: 150px;
text-align: center;
border-right: 1px solid #e5e5e5;
}
.mc_b1s1bli_name {
font-size: 16px;
line-height: 1.5;
margin-top: 5px;
color: #666;
}
.mc_b1s1b_slickli:not(:first-child) {
display: none;
}
.mc_section_main {
overflow: hidden;
}
.mc_slick_dots .slick-dots {
bottom: 0;
}
.mc_slick_dots .slick-dots li {
background: #bfbfbf;
}
.mc_slick_dots .slick-dots li.slick-active {
background: #ef2d1a;
}
.mc_b1s1b_slick {
margin-right: -50px;
padding-bottom: 35px;
}
.mc_b1s1b_li3 .mc_b1s1b_lisbox {
border-right-color: transparent;
}
.mc_b1s1b_lisbox {
visibility: hidden;
}
.mc_b1s1b_slick.animated .mc_b1s1b_slickli .mc_b1s1b_lisbox {
animation: fadeInUp .8s ease-out both;
visibility: visible;
}
.mc_b1s1b_li1 .mc_b1s1b_lisbox {
animation-delay: .5s !important;
}
.mc_b1s1b_li2 .mc_b1s1b_lisbox {
animation-delay: .7s !important;
}
.mc_b1s1b_li3 .mc_b1s1b_lisbox {
animation-delay: .9s !important;
}
.mc_anmt1 {
animation-name: fadeInUp;
animation-delay: .3s;
}
.mc_b1s1_pgbg {
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
width: 84%;
}
.mc_b1s1_pgbg img {
width: 100%;
}
.mc_b1s1 {
position: relative;
z-index: 1;
overflow: hidden;
}
.mc_b1s2_top {
position: relative;
z-index: 1;
}
.mc_b1s2_top::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
background: rgba(13, 33, 48, .5);
}
.mc_b1s2_top {
padding: 150px 0;
min-height: 568px;
}
.mc_b1s2_title {
color: #fff;
margin-bottom: 60px;
}
.mc_b1s2_txt p {
color: #fff;
}
.mc_b1s2_txt {
margin-bottom: 30px;
}
.mc_b1s2_title2 {
position: absolute;
left: 50%;
bottom: 0;
text-align: center;
transform: translate(-50%);
padding: 60px 20px 40px;
border-radius: 20px 20px 0 0;
background: #fff;
}
#mc_b1s2b_swiper {
padding: 40px 0;
}
#mc_b1s2b_swiper .mc_b1s1b_lisbox {
visibility: visible;
}
#mc_b1s2b_swiper .swiper-slide {
width: 16.666666%;
}
#mc_b1s2b_swiper.swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: linear;
}
.mc_b1s2_more {
text-align: center;
}
.mc_b1s2_bot {
padding-bottom: 155px;
}
.mc_b1s3 {
position: relative;
z-index: 1;
overflow: hidden;
padding: 150px 0;
}
.mc_b1s3_bg {
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 1600px;
max-width: 100%;
}
.mc_b1s3_bg {
width: 100%;
}
.mc_b1s3b1_title {
width: 33.333333%;
text-align: left;
}
.mc_b1s3b1_txtbox {
width: 66.666666%;
}
.mc_b1s3b1_top {
margin-bottom: 110px;
}
.mc_b1s3b1_imglist {
margin: 0 -18px;
}
.mc_b1s3b1_imgli {
float: left;
width: 50%;
padding: 0 18px;
margin-bottom: 18px;
}
.mc_b1s3b1_imgbox {
border-radius: 20px;
}
.mc_b1s1b_content .mc_b1s1b_slick {
padding-bottom: 0;
}
.mc_b1s3_box1 {
margin-bottom: 100px;
}
.mc_b1s4_container {
position: relative;
z-index: 1;
padding: 90px 0;
}
.mc_b1s4_bgbox {
position: absolute;
right: 0;
top: 0;
z-index: 1;
width: calc(50vw + 50% - 228px);
right: 228px;
height: 100%;
border-radius: 0 20px 20px 0;
overflow: hidden;
}
.mc_b1s4_bg {
width: 100%;
height: 100%;
transition: all .36s;
}
.mc_b1s4_txtbox {
position: relative;
z-index: 2;
width: 556px;
background: #fff;
padding: 90px 60px;
border-radius: 20px;
box-shadow: 0px 3px 7px 5px rgba(0, 0, 0, 0.08);
}
.mc_b1s4_title {
text-align: left;
margin-bottom: 35px;
}
.mc_b1s4_txt p {
color: #666;
}
.mc_b1s4 {
padding-bottom: 260px;
}
.mc_b1s4_txt {
margin-bottom: 20px;
}
.mc_b1s4_logo img {
max-width: 100%;
}
.mc_b1s4_logo {
width: 100px;
text-align: center;
}
.mc_b1s4_logo p {
color: #666;
margin-top: 15px;
}
.mc_b1s4_more {
margin-top: 60px;
}
.mc_b1aside_nav_li {
position: relative;
padding-left: 25px;
font-size: 16px;
white-space: nowrap;
line-height: 30px;
margin: 10px 0;
cursor: pointer;
transition: all .36s;
}
.mc_b1aside_nav_li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 1px;
background: #ef2d1a;
transition: all .36s;
}
.mc_b1aside_nav_li.act::before {
width: 1em;
}
.mc_b1aside_nav_li.act {
color: #ef2d1a;
}
.mc_main {
position: relative;
}
.mc_b1_aside_navbox {
display: none;
position: absolute;
left: 0;
top: 0;
z-index: 99;
}
.mc_b1_aside_navbox.start {
position: fixed;
top: 50%;
}
.mc_b1_aside_navbox.end {
position: absolute;
top: auto;
bottom: 0;
}
.mc_b1s1_decorate {
opacity: 0;
}
.mc_b1s1_decorate.act {
opacity: 1;
transition: all ease .5s;
}
.mc_innav_li.act {
font-weight: bold;
}
/* b2 */
.mc_b2s1,
.mc_b2s2,
.mc_b2s3,
.mc_b2s4 {
padding-top: 100px;
}
.mc_b2s1 {
min-height: 100vh;
position: relative;
z-index: 1;
}
.mc_b2s1_bg {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: -1;
}
.mc_b2s1_bg img {
position: relative;
left: 50%;
transform: translate(-50%);
}
.mc_b2s1_title {
text-align: center;
line-height: 60px;
}
.mc_b2s1_title {
margin-bottom: 70px;
}
.mc_b2s1_list {
font-size: 0;
text-align: center;
margin: 0 -40px;
}
.mc_b2s1_li {
display: inline-block;
vertical-align: middle;
margin: 0 40px;
}
.mc_b2s1_lisbox {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
cursor: pointer;
width: 195px;
height: 195px;
border-radius: 50%;
overflow: hidden;
background: #fff;
box-shadow: 0 0 38px 19px rgba(193, 201, 209, .08);
transition: all .36s;
}
.mc_b2s1_iconbox {
width: 70px;
margin: 0 auto 20px;
}
.mc_b2s1_iconbox .mc_list_img {
opacity: 0;
}
.mc_b2s1li_title {
font-size: 18px;
font-weight: bold;
color: #333333;
transition: all .36s;
line-height: 1.5;
height: 27px;
overflow: hidden;
padding: 0 15px;
}
.mc_b2tab_imgbox {
position: relative;
z-index: 1;
}
.mc_b2tab_img {
width: 71%;
height: 580px;
}
.mc_b2tab_bg {
position: absolute;
top: 0;
left: 465px;
z-index: -1;
width: calc(50vw + 50% - 465px);
height: 100%;
border-radius: 20px 0 0 20px;
}
.mc_b2_main .mc_title36 {
text-align: center;
}
.mc_b2_table {
margin-top: 35px;
}
.mc_b2tab_hd {
text-align: center;
font-size: 0;
margin: 0 -30px 100px;
}
.mc_b2tab_hdli {
margin: 0 30px;
}
.mc_b2tab_hdli {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 18px;
line-height: 26px;
color: #666666;
cursor: pointer;
transition: all .36s;
}
.mc_b2tab_hdli::before {
content: "";
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 0;
height: 1px;
transition: all .36s ease-out;
background: #ec4324;
}
.mc_b2tab_hdli.act {
color: #ec4324;
}
.mc_b2tab_hdli.act::before {
width: 100%;
}
.mc_b2s2 {
position: relative;
}
.mc_b2s2_decorate {
position: absolute;
left: 0;
top: 260px;
width: 497px;
transform: translateX(-26%);
pointer-events: none;
}
.mc_b2s2_decorate img {
width: 100%;
}
.mc_b2tab_txtbox {
margin-top: 140px;
}
.mc_b2tab_dt {
font-size: 24px;
font-weight: bold;
line-height: 1.5;
width: 29.5%;
padding-right: 15px;
}
.mc_b2tab_dd {
width: 69.5%;
}
.mc_b2tab_dl:not(:last-child) {
margin-bottom: 50px;
}
.mc_b2tab_bdli:not(:first-child) {
display: none;
}
.mc_b2tab_img img {
max-width: 100%;
}
.mc_b2tab_bg {
opacity: 0;
transition: all .5s;
}
.mc_b2_slick {
margin-top: 150px;
}
.mc_b2_slick .slick-list {
overflow: visible;
}
.mc_b2slick_imgbox img {
width: 100%;
}
.mc_b2slick_imgbox {
position: relative;
overflow: hidden;
}
.mc_b2slick_imgbox::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4);
transition: all .36s;
}
.mc_b2slick_li:not(:first-child) {
display: none;
}
.mc_b2slick_li.slick-active .mc_b2slick_imgbox::before {
opacity: 0;
}
.mc_slick_arrow .slick-arrow {
width: 40px;
height: 40px;
z-index: 5;
}
.mc_slick_arrow .slick-prev {
background: url(../images/icon_prev.png) center / cover no-repeat;
transform: translate(-140%, -50%);
}
.mc_slick_arrow .slick-next {
background: url(../images/icon_next.png) center / cover no-repeat;
transform: translate(140%, -50%);
}
.mc_b2tab_imgleft .mc_b2tab_bg {
left: auto;
right: 465px;
border-radius: 0 20px 20px 0;
}
.mc_b2tab_imgleft .mc_b2tab_img {
float: right;
}
.mc_b2tab_text {
position: absolute;
left: 0;
top: 50%;
width: calc(100% - 850px);
transform: translateY(-50%);
}
.mc_b2tab_text p {
font-size: 30px;
line-height: 1.6;
color: #fff;
font-weight: bold;
}
.mc_b2tab_bd.animated .mc_b2tab_bdli.act .mc_b2tab_bg {
animation: fadeIn .5s ease-out both;
}
.mc_b2tab_bd.animated .mc_b2tab_bdli.act .mc_b2tab_img {
animation: runRight 1s .5s ease-out both;
}
.mc_b2tab_bd.animated .mc_b2tab_bdli.act .mc_b2tab_text {
animation: runUp 1s .5s ease-out both;
}
.mc_b2tab_bd.animated .mc_b2tab_bdli.act.mc_b2tab_anmtl .mc_b2tab_img {
animation: runLeft 1s .5s ease-out both;
}
@keyframes runRight {
0% {
opacity: 0;
transform: translateX(50px);
}
30% {
opacity: 1;
}
}
@keyframes runLeft {
0% {
opacity: 0;
transform: translateX(-50px);
}
30% {
opacity: 1;
}
}
@keyframes runUp {
0% {
opacity: 0;
transform: translateY(-50%) translateY(30px);
}
30% {
opacity: 1;
}
}
.mc_b2s4 {
padding-bottom: 200px;
}
.mc_b2s4_description {
margin-top: 150px;
}
.mc_b2s4des_textbox h4 {
font-size: 30px;
line-height: 1.6;
font-weight: bold;
color: #333;
margin-bottom: 30px;
}
.mc_b2s4des_big {
margin-top: 80px;
}
.mc_b2s4des_big p {
font-size: 24px;
line-height: 1.5;
padding: 12px 0;
font-weight: bold;
color: #333333;
}
.mc_b2s4 {
position: relative;
z-index: 1;
overflow: hidden;
}
.mc_b2s4_bg {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 1920px;
height: 1515px;
z-index: -1;
top: 0;
}
.mc_c1_main .mc_section {
padding-top: 100px;
}
.mc_c1_main .mc_title48 {
margin-bottom: 60px;
}
.mc_c1s1_txtbox h4 {
font-size: 30px;
font-weight: bold;
color: #333;
margin-bottom: 30px;
}
.mc_c1s1_txtbox {
margin-bottom: 70px;
}
.mc_c1s1_videobox video {
width: 100%;
border-radius: 20px;
pointer-events: none;
}
.mc_c1s1_videobox.on video {
pointer-events: all;
}
.mc_c1s1_videobox {
position: relative;
z-index: 1;
}
.mc_c1s1_playbtn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
cursor: pointer;
}
.mc_c1s1_box2 {
padding: 100px 0;
}
.mc_c1s1b2_title {
margin-bottom: 80px;
}
#mc_c1s1b2_swiper {
width: calc(50vw + 50%);
padding-bottom: 73px;
overflow: visible;
}
#mc_c1s1b2_swiper .swiper-pagination {
bottom: 5px;
}
#mc_c1s1b2_swiper .swiper-slide {
width: 420px;
margin-right: 45px;
}
.mc_c1s1_lisbox {
padding: 45px 40px;
background: #fff;
box-shadow: 0 0 38px 19px rgba(137, 151, 191, .08);
}
.mc_c1s1li_title {
font-weight: bold;
font-size: 24px;
line-height: 1.5;
height: 1.5em;
overflow: hidden;
color: #333;
}
.mc_c1s1li_txt::before {
content: "";
display: block;
width: 100%;
height: 1px;
background: #e5e5e5;
margin: 30px 0;
}
.mc_c1s1li_txt p {
color: #666;
line-height: 30px;
height: 150px;
overflow: hidden;
}
#mc_c1s1b2_swiper .swiper-pagination {
top: auto;
bottom: 5px;
}
#mc_c1s1b2_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #ef2d1a;
}
#mc_c1s1b2_swiper.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
height: 1px;
}
#mc_c1s1b2_swiper .swiper-pagination::before {
content: "";
position: absolute;
left: 0;
top: 50%;
z-index: 2;
transform: translateY(-50%);
width: 11px;
height: 11px;
border-radius: 50%;
background: #ef2d1a;
}
.mc_c1s1b2_arrowbox {
margin-top: 50px;
}
.mc_c1s1b2_arrow {
float: left;
width: 50px;
height: 50px;
line-height: 50px;
cursor: pointer;
border-radius: 50%;
border: 1px solid #666;
text-align: center;
margin-right: 20px;
}
.mc_c1s1b2_arrow img {
width: 15px;
vertical-align: middle;
transform: translateY(-1px);
}
.swiper-button-disabled {
opacity: .6;
pointer-events: none;
}
.mc_c1s1 {
position: relative;
z-index: 1;
}
.mc_c1s1_bg {
position: absolute;
left: 50%;
bottom: 0;
z-index: -1;
transform: translateX(-50%);
width: 1920px;
height: 630px;
}
.mc_c1s1_dec {
position: absolute;
right: 0;
top: 150px;
z-index: -1;
width: 268px;
}
.mc_c1s1_dec img {
width: 100%;
}
.mc_c1s2_section img {
max-width: 100%;
}
.mc_c1s2_imgbox img {
border-radius: 20px;
margin-top: 50px;
}
.mc_c1s2_l {
width: 250px;
}
.mc_c1s2_r {
width: calc(100% - 250px);
padding-bottom: 80px;
}
.mc_c1s2_section {
padding-bottom: 100px;
}
.mc_c1s2_li {
font-size: 24px;
line-height: 1.5;
font-weight: bold;
color: #999999;
transition: all .36s;
margin-bottom: 40px;
}
.mc_c1s2_li.act {
color: #333;
}
.mc_c1s3 {
padding-bottom: 140px;
}
.mc_c1s3_title,
.mc_c1s3_txt p {
color: #fff;
letter-spacing: .5px;
}
.mc_c1s3_list {
font-size: 0;
margin: 90px -30px 0;
}
.mc_c1s3_li {
width: 50%;
display: inline-block;
vertical-align: top;
padding: 0 30px;
margin-bottom: 30px;
}
.mc_c1s3_lisbox {
display: flex;
align-items: center;
padding: 30px 50px;
background: rgba(255, 255, 255, .07);
border-radius: 10px;
opacity: 0;
}
.mc_c1s3li_icon {
width: 30px;
}
.mc_c1s3li_icon img {
width: 100%;
}
.mc_c1s3li_title {
font-size: 24px;
font-weight: bold;
color: #fff;
padding-left: 1em;
}
.mc_c1s4_imgbox {
position: relative;
overflow: hidden;
margin-top: 65px;
}
.mc_c1s4_clip {
position: absolute;
left: 50%;
top: 50%;
z-index: 5;
transform: translate(-50%, -50%) scale(.4);
border-radius: 20px;
overflow: hidden;
width: 100%;
height: 100%;
box-shadow: 0 0 0 1000vw #fff;
}
.mc_c1s4 {
padding-bottom: 300px;
}
/*grace*/
/*公共start*/
.g_content {
width: 1520px;
margin: 0 auto;
}
.g_title1 {
font-size: 48px;
color: #333;
line-height: 1.5;
font-weight: bold;
margin-bottom: 40px;
}
.g_title2 {
font-size: 36px;
color: #333333;
line-height: 1.5;
font-weight: bold;
}
.g_word1 p {
color: #333;
font-size: 16px;
line-height: 30px;
margin-bottom: 30px;
}
.g_pic {
position: relative;
}
.g_pic img {
width: 100%;
}
.g_pic1 {
position: relative;
top: 0;
left: 0;
}
.g_pic2 {
position: absolute;
top: 0;
left: 0;
}
/*公共end*/
.g_about_bantu {
width: 100%;
}
.g_about_bantu img {
width: 100%;
}
.g_about_ban {
position: relative;
}
.g_about_ban h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 60px;
font-weight: bold;
}
.g_atpt1 {
margin-top: -120px;
background: #fff;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
position: relative;
z-index: 10;
}
.g_atpt1_box {
display: inline-block;
}
.g_atpt1_nav {
text-align: center;
padding: 56px 0;
}
.g_atpt1_navfl {
padding: 0 42px;
}
.g_atpt1_navfl a {
color: #333333;
font-size: 16px;
position: relative;
display: block;
padding-left: 18px;
transition: all .36s ease;
}
.g_atpt1_navfl a::before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 2px;
height: 100%;
background: #ef2d1a;
}
.g_atpt1_navfl.on a {
font-weight: bold;
}
.g_atpt2 {
padding: 100px 0 30px;
position: relative;
}
.g_atpt2 .g_title1 {
text-align: center;
}
.g_atpt2nr .g_word1 {
text-align: center;
}
.g_atpt2_shu {
margin: 60px -50px 0;
}
.g_atpt2_shufl {
padding: 0 50px;
}
.g_atpt2_shutop span {
color: #333;
font-size: 24px;
transform: translateY(16px);
}
.g_atpt2_shutop .g_count {
color: #333;
font-size: 60px;
font-weight: bold;
}
.g_atpt2_shubot {
color: #666666;
font-size: 18px;
line-height: 30px;
text-align: left;
margin-top: 10px;
}
.g_atpt2_shu {
display: inline-block;
}
.g_atpt2_shubox {
text-align: center;
}
.g_atpt2bj {
position: absolute;
z-index: -1;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 987px;
}
.g_atpt2bj img {
width: 100%;
}
.g_atpt3 {
position: relative;
}
.g_atpt3bj {
width: 100%;
height: 782px;
}
.g_atpt3bj img {
width: auto;
height: 100%;
position: relative;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.g_atpt3nr {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
.g_atpt3sk_box {
display: none;
}
.g_atpt3sk_box:first-child {
display: block;
}
.g_atpt3skfl {
width: 526px;
}
.g_atpt3skfr {
width: calc(100% - 526px);
padding-left: 74px;
}
.g_atpt3sk_tit p {
color: #ef2d1a;
font-size: 16px;
line-height: 30px;
margin-bottom: 5px;
font-weight: bold;
}
.g_atpt3sk_tit {
padding-bottom: 16px;
border-bottom: 1px solid #e8e5e5;
margin-bottom: 36px;
}
.g_atpt3 .he_banmon {
border-color: #aaaaaa;
margin-top: 70px;
}
.g_atpt3 .he_banmon a {
color: #666666;
}
.g_atpt3sk_box {
position: relative;
}
.g_atpt3skfl {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.g_atpt3sk_box {
margin-bottom: 66px;
}
.g_atpt3sk .slick-dots {
bottom: 0;
width: calc(100% - 590px);
text-align: left;
right: 0;
}
.g_atpt3sk .slick-dots li {
width: 9px;
height: 9px;
margin: 0 10px;
background: #bfbfbf;
}
.g_atpt3sk .slick-dots li.slick-active {
background: #ef2d1a;
}
.g_atpt3sk_zero {
width: 240px;
height: 240px;
border-radius: 50%;
position: relative;
margin: 0 auto;
}
.g_atpt3sk_zero1 {
background: rgba(239, 45, 26, .8);
transform: translateY(60px);
position: relative;
z-index: 10;
}
.g_atpt3sk_zero2 {
background: rgba(13, 49, 90, .8);
}
.g_atpt3sk_zerobox {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
padding: 0 20px;
}
.g_atpt3sk_zero1 p {
display: block;
color: #fff;
font-weight: bold;
font-size: 48px;
line-height: 1.5;
}
.g_atpt3sk_zero1 span {
display: block;
color: #fff;
font-weight: bold;
font-size: 16px;
line-height: 1.5;
}
.g_atpt3sk_zero2 p {
display: block;
color: #fff;
font-weight: bold;
font-size: 16px;
line-height: 1.5;
margin-bottom: 5px;
}
.g_atpt3sk_zero2 span {
display: block;
color: #fff;
font-weight: bold;
font-size: 24px;
line-height: 1.5;
}
.g_atpt3sk_zero1 .g_atpt3sk_zerobox {
top: 46%;
}
.g_atpt3sk_zero2 .g_atpt3sk_zerobox {
top: 56%;
}
.g_atpt3sk_zero2 .g_atpt3sk_zerobox {
padding: 0 40px;
}
.g_atpt4 {
position: relative;
overflow: hidden;
}
.g_atpt4botnr {
position: absolute;
top: 0;
left: 0;
transform: translate(0, 0);
width: 100%;
height: 100%;
z-index: 19;
}
.g_atpt4top {
position: relative;
width: 100%;
height: 939px;
}
.g_atpt4_imgbox {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.g_atpt4_img {
width: 100%;
height: 100%;
}
.g_atpt4_img img {
width: auto;
height: 100%;
position: relative;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.g_atpt4bot .g_title1 {
text-align: center;
color: #fff;
position: absolute;
top: 170px;
left: 50%;
transform: translateX(-50%);
z-index: 20;
}
.g_atpt4botfl {
width: 25%;
position: relative;
height: 100%;
}
.g_line {
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
}
.g_line p {
width: 1px;
height: 100%;
background: rgba(255, 255, 255, .3);
}
.g_line1 {
left: 25%;
position: absolute;
}
.g_line2 {
left: 50%;
position: absolute;
}
.g_line3 {
right: 25%;
position: absolute;
}
.g_atpt4bot_img {
width: 84px;
transition: all .36s ease;
margin: 0 auto 18px;
opacity: 0;
}
.g_atpt4bot_img img {
width: 100%;
}
.g_atpt4bot_box h3 {
color: #fff;
font-size: 30px;
font-weight: bold;
text-align: center;
line-height: 1.5;
transition: all .36s ease;
}
.g_atpt4bot_p {
margin-top: 17px;
padding: 0 100px;
transition: all .36s ease;
opacity: 0;
}
.g_atpt4bot_p p {
color: #fff;
font-size: 24px;
text-align: center;
line-height: 1.75;
}
.g_atpt4botfl::before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
z-index: -1;
transition: all .36s ease;
}
.g_atpt4_imgbox {
opacity: 0;
transition: all .36s ease;
}
.g_atpt4_imgbox.on {
opacity: 1;
}
.g_atpt4botfl.active::before {
/* opacity: 0; */
}
.g_atpt6bot_name p {
display: inline-block;
}
.g_atpt4bot {
position: absolute;
width: 100%;
height: 100%;
z-index: 100;
top: 0;
left: 0;
}
.g_atpt4bot_box {
position: absolute;
top: 36%;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.he_fot_gray {
z-index: 100;
}
.g_atpt5bj {
width: 100%;
height: 1055px;
}
.g_atpt5bj img {
position: relative;
top: 0;
left: 50%;
transform: translateX(-50%);
width: auto;
height: 100%;
}
.g_atpt5 {
position: relative;
}
.g_atpt5nr {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.g_atpt5 .g_title1 {
text-align: center;
}
.g_atpt5fl {
width: 70px;
}
.g_atpt5fr {
width: calc(100% - 70px);
padding-left: 125px;
}
.g_atpt5_toptu {
width: 599px;
border-radius: 15px;
}
.g_atpt5_toptu img,
.g_atpt5_toptu video {
border-radius: 15px;
}
.g_atpt5_toptu video {
max-width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
max-height: 100%;
z-index: 10;
}
.g_atpt5_top,
.g_atpt5_bot {
position: relative;
z-index: 11;
}
.g_atpt5_top .g_atpt5_toph {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: calc(100% - 599px);
padding-right: 80px;
}
.g_atpt5_toph h5 {
color: #333333;
font-weight: bold;
font-size: 48px;
line-height: 1.5;
}
.g_atpt5_toph p {
color: #333333;
font-size: 18px;
line-height: 1.5;
height: 81px;
overflow: hidden;
}
.g_atpt5_bottu {
width: 402px;
border-radius: 15px;
top: -76px;
right: -126px;
}
.g_atpt5_bottu img {
border-radius: 15px;
}
.g_atpt5_top {
z-index: 10;
}
.g_atpt5box {
margin-top: 60px;
}
.g_atpt5_bot .g_atpt5_toph {
position: absolute;
top: 50px;
right: 0;
width: 430px;
}
.g_atpt5li {
width: 100%;
padding-bottom: 49px;
position: relative;
}
.g_atpt5li::before {
content: '';
transition: all .36s ease;
position: absolute;
top: 5px;
right: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: #999999;
}
.g_atpt5li::after {
content: '';
transition: all .36s ease;
position: absolute;
top: 12px;
right: 3px;
width: 1px;
height: 100%;
border-radius: 50%;
background: #dcdcdc;
}
.g_atpt5li p {
color: #999999;
font-size: 16px;
cursor: pointer;
transition: all .36s ease;
}
.g_atpt5li.slick-current p {
color: #ef2d1a;
}
.g_atpt5li.slick-current::before {
background: #ef2d1a;
}
.g_atpt6top_nr {
display: none;
width: 600px;
position: absolute;
bottom: 160px;
background: #fff;
border-radius: 20px;
box-shadow: 0 0 20px 5px rgba(7, 29, 73, .06);
}
.g_atpt6top_nr.on {
display: block;
}
.g_atpt6nr {
position: relative;
}
.g_atpt6 {
padding: 130px 0 220px;
}
.g_atpt6 .g_title1 {
text-align: center;
}
.g_atpt6top_nrfl {
width: 265px;
}
.g_atpt6top_nrfl img {
border-radius: 20px;
}
.g_atpt6top_nrfr {
width: calc(100% - 265px);
padding: 26px 30px;
}
.g_atpt6top_nrfr h4 {
color: #333;
font-size: 18px;
line-height: 1.5;
font-weight: bold;
margin-bottom: 5px;
height: 27px;
overflow: hidden;
}
.g_atpt6top_nrfr p {
color: #666666;
font-size: 14px;
line-height: 1.5;
font-weight: bold;
}
.g_atpt6bj svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.g_atpt6bj {
position: relative;
width: 100%;
}
.g_atpt6bj img {
width: 100%;
}
.g_atpt6bot {
width: 100%;
background: #fff;
box-shadow: 0 0 20px 3px rgba(7, 29, 73, .06);
border-radius: 32.5px;
}
.g_atpt6bot {
position: absolute;
bottom: 0;
left: 0;
}
.g_atpt6bot_name {
padding: 0 30px;
cursor: pointer;
}
.g_atpt6botsk {
padding: 0 40px;
}
.g_atpt6bot_name p {
color: #333;
font-size: 16px;
position: relative;
transition: all .36s ease;
line-height: 54px;
height: 54px;
overflow: hidden;
}
.g_atpt6bot_name p::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background: #df3127;
transition: all .36s ease;
}
.g_atpt6top_nr::before {
content: '';
position: absolute;
background: url(../images/0line_03.png) no-repeat;
background-size: cover;
width: 1px;
left: 134px;
}
.g_atpt6top_nr0 {
left: 305px;
}
.g_atpt6top_nr0::before {
top: -186px;
height: 186px;
}
.g_atpt6top_nr1 {
left: 293px;
}
.g_atpt6top_nr1::before {
top: -205px;
height: 205px;
}
.g_atpt6top_nr2 {
left: 352px;
}
.g_atpt6top_nr2::before {
top: -238px;
height: 238px;
}
.g_atpt6top_nr3 {
left: 304px;
}
.g_atpt6top_nr3::before {
top: -182px;
height: 182px;
}
.g_atpt6top_nr4 {
left: 292px;
}
.g_atpt6top_nr4::before {
top: -192px;
height: 192px;
}
.g_atpt6top_nr5 {
left: 294px;
}
.g_atpt6top_nr5::before {
top: -45px;
height: 45px;
}
.g_atpt6top_nr6 {
left: 190px;
}
.g_atpt6top_nr6::before {
top: -195px;
height: 195px;
}
.g_atpt6bot_name.on p::before {
width: 100%;
}
.g_atpt6bot_name.on p {
color: #df3127;
}
.g_atpt6botsk .slick-prev {
left: 32px;
background: url(../images/0arrow1.png) no-repeat;
background-size: cover;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 18px;
z-index: 10;
}
.g_atpt6botsk .slick-next {
right: 32px;
background: url(../images/0arrow2.png) no-repeat;
background-size: cover;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 18px;
z-index: 10;
}
/*svg - start*/
.map-line {
stroke-dashoffset: 700px;
stroke-dasharray: 700px;
animation: animation-line 10.04s ease-in;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}
@keyframes animation-line {
0% {
stroke-dashoffset: 700px
}
14.28571% {
stroke-dashoffset: 0px
}
61.42857% {
stroke-dashoffset: 0px
}
85.71429% {
stroke-dashoffset: -700px
}
to {
stroke-dashoffset: -700px
}
}
@-webkit-keyframes animation-line {
0% {
-webkit-stroke-dashoffset: 700px
}
14.28571% {
-webkit-stroke-dashoffset: 0px
}
61.42857% {
-webkit-stroke-dashoffset: 0px
}
85.71429% {
-webkit-stroke-dashoffset: -700px
}
to {
-webkit-stroke-dashoffset: -700px
}
}
@-moz-keyframes animation-line {
0% {
-moz-stroke-dashoffset: 700px
}
14.28571% {
-moz-stroke-dashoffset: 0px
}
61.42857% {
-moz-stroke-dashoffset: 0px
}
85.71429% {
-moz-stroke-dashoffset: -700px
}
to {
-moz-stroke-dashoffset: -700px
}
}
@-o-keyframes animation-line {
0% {
-o-stroke-dashoffset: 700px
}
14.28571% {
-o-stroke-dashoffset: 0px
}
61.42857% {
-o-stroke-dashoffset: 0px
}
85.71429% {
-o-stroke-dashoffset: -700px
}
to {
-o-stroke-dashoffset: -700px
}
}
.map-line--1 {
animation-delay: .86s;
}
.map-line--2 {
animation-delay: 1.22s;
}
.map-line--3 {
animation-delay: 1.58s;
}
.map-line--4 {
animation-delay: 1.94s;
}
.map-line--5 {
animation-delay: 2.3s;
}
.map-line--6 {
animation-delay: 2.66s;
}
.map-line--7 {
animation-delay: 3.02s;
}
.map-line--8 {
animation-delay: 3.38s;
}
.map-line--9 {
animation-delay: 3.74s;
}
/*svg - end*/
.g_tanbox {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, .7);
z-index: 1000;
display: none;
}
.g_tannr {
width: 850px;
background: #fff;
border-radius: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 65px;
}
.g_close {
position: absolute;
top: 0;
right: -40px;
cursor: pointer;
}
.g_close img {
width: 100%;
}
/*B*/
.g_atpt52 .g_atpt5nr {
position: relative;
top: 0;
left: 0;
transform: translate(0, 0);
}
.g_atpt52 .g_atpt5fl {
width: 100%;
}
.g_atpt52 .g_atpt5li::before,
.g_atpt5li::after {
display: none;
}
.g_atpt52 {
padding: 150px 0 0;
}
.g_content1 {
width: 1560px;
}
.g_content2 {
width: 1800px;
}
.g_atpt52nr {
overflow: hidden;
}
.g_atpt52fl {
width: 33.333333%;
padding: 0 48px;
}
.g_atpt52fl img {
border-radius: 15px;
}
.g_atpt52wz {
margin-top: 32px;
}
.g_atpt52wz h4 {
color: #333333;
font-size: 48px;
line-height: 1.5;
font-weight: bold;
}
.g_atpt52wz p {
color: #333333;
font-size: 20px;
line-height: 1.5;
}
.g_atpt52sk {
margin: 0 -48px;
}
.g_atpt52 .g_atpt5li {
padding-bottom: 0;
}
.g_atpt52 .g_atpt5li p {
padding-top: 24px;
position: relative;
}
.g_atpt52 .g_atpt5li p::before {
content: '';
position: absolute;
top: 3px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: #999999;
transition: all .36s ease;
z-index: 10;
}
.g_atpt52 .g_atpt5li.slick-current p::before {
background: #df3127;
}
.g_atpt52 .g_atpt5li.slick-current p {
color: #df3127;
}
.g_atpt52 .g_atpt5fl {
width: 1200px;
}
.g_atpt52 .g_atpt5box {
position: relative;
}
.g_atpt52 .g_atpt5box::before {
content: '';
position: absolute;
top: 6px;
right: 0;
width: 100%;
height: 1px;
background: #dcdcdc;
}
.g_atpt5li p::after {
content: '';
transition: all .36s ease;
position: absolute;
top: 5px;
right: 3px;
width: 1px;
height: 100%;
background: #dcdcdc;
z-index: -1;
}
.g_atpt52 .g_atpt5li p::after {
display: none;
}
.g_atpt52tu {
overflow: hidden;
border-radius: 15px;
}
.g_atpt52fl img {
border-radius: 0;
}
.g_atpt5_video {
position: absolute;
object-fit: cover;
height: 100%;
width: auto;
max-width: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.g_atpt5_video.playing {
z-index: 5;
}
@media screen and (min-width:1200px) {
.g_atpt3 .he_banmon:hover {
border-color: #ef2d1a;
}
.g_atpt3 .he_banmon:hover a {
color: #ef2d1a;
}
}
@media screen and (min-width:1200px) {
.mc_b2tab_hdli:hover {
color: #ec4324;
}
.mc_bread_a:hover {
color: #ef2d1a;
}
.mc_innav_a:hover {
color: #ef2d1a;
}
.mc_b1s3b1_imgbox:hover img {
transform: scale(1.1);
}
.mc_b1s4_bgbox:hover .mc_b1s4_bg {
transform: scale(1.05);
}
.mc_b2s1_lisbox:hover {
background: #162945;
}
.mc_b2s1_lisbox:hover .mc_b2s1li_title {
color: #FFF;
}
.mc_b2s1_lisbox:hover .mc_list_img {
opacity: 1;
}
.mc_b2s1_lisbox:hover .mc_list_under {
opacity: 0;
}
}
/* 2021.07.09 */
.he_dotsli p {
cursor: default;
}
.he_dotsli:not(.he_dotsli1) img {
position: absolute;
width: 90px;
opacity: 0;
transition: all 0.36s;
}
.he_dotsli2 img {
left: -130px;
top: -50px;
}
.he_dotsli3 img {
left: -45px;
top: 20px;
}
.he_dotsli4 img {
left: -45px;
top: -120px;
}
.he_dotsli5 img {
left: -110px;
top: -125px;
}
.he_dotsli6 img {
left: -65px;
top: -110px;
}
.he_dotsli7 img {
left: -45px;
top: -150px;
}
.he_dotsli8 img {
left: -45px;
top: -110px;
}
.he_syp6bx {
pointer-events: none;
}
.he_syp6ble {
pointer-events: all;
}
.he2_c1 .mc_innav_li {
padding: 0 50px;
}
.g_atpt6botsk .slick-track {
margin: 0 auto;
}
.mc_b2s4des_textbox {
width: calc(100% - 520px);
padding-right: 10%;
}
.mc_b2s4des_list {
width: 520px;
}
.mc_b2s4des_list p {
position: relative;
z-index: 1;
font-size: 20px;
line-height: 1.5;
padding: 20px 0;
padding-left: 3em;
border-bottom: 1px solid #d2d2d2;
}
.mc_b2s4des_list p::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 15px;
background: url(../images/icon_duihao.png) center / contain no-repeat;
}
.mc_b2s4des_list p {
opacity: 0;
}
.mc_b2s4_description.animated .mc_b2s4des_textbox .mc_b2s4des_text,
.mc_b2s4_description.animated .mc_b2s4des_textbox h4 {
animation: myfadeup .5s ease-out both;
}
.mc_b2s4des_text {
animation-delay: .3s !important;
}
.mc_c1s5 {
position: relative;
z-index: 1;
}
.mc_c1s5::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 660px;
background: url(../images/c1s5_bg.jpg) center / 1920px 660px no-repeat;
}
.mc_c1s5_imgbox {
border-radius: 20px;
}
.mc_c1s5_box1 {
padding-bottom: 60px;
}
.mc_c1s5_list {
font-size: 0;
margin-top: 60px;
margin-right: -40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mc_c1s5_li {
position: relative;
display: inline-block;
vertical-align: top;
width: 33.333333%;
padding: 10px 0;
padding-left: 20px;
padding-right: 40px;
font-size: 16px;
line-height: 24px;
}
.mc_c1s5_li::before {
content: "●";
position: absolute;
left: 0;
top: 10px;
font-size: inherit;
line-height: inherit;
color: #ef2d1a;
/* width: 6px;
height: 6px;
border-radius: 50%;
background: #ef2d1a; */
}
@keyframes myfadeup {
0% {
opacity: 0;
transform: translateY(30px);
}
30% {
opacity: 1;
}
}
.mc_c1s5_box2 {
/* background: #162945; */
color: #fff;
}
.mc_c1s5b2_container {
position: relative;
z-index: 1;
}
.mc_c1s5b2_container::before {
display: block;
content: "";
position: absolute;
left: -85px;
top: 0;
width: calc(100% + 85px);
height: 100%;
background: #162945;
border-radius: 20px 0 0 20px;
}
.mc_c1s5b2l_txtbox,
.mc_c1s5b2r_imgbox {
width: 50%;
}
.mc_c1s5b2l_txtbox {
padding: 90px 0;
padding-right: 85px;
}
.mc_c1s5b2l_arrow {
float: left;
margin-right: 20px;
width: 49px;
height: 49px;
border-radius: 50%;
text-align: center;
line-height: 47px;
border: 1px solid #626f82;
cursor: pointer;
}
.mc_c1s5b2l_arrow img {
width: 20px;
}
.mc_c1s5b2l_title {
font-size: 30px;
font-weight: bold;
line-height: 1.6;
margin-bottom: 30px;
}
.mc_c1s5b2l_text {
min-height: 120px;
}
.mc_c1s5b2l_text p {
color: #fff;
}
.mc_c1s5b2l_li {
padding-bottom: 70px;
}
.mc_c1s5b2_container {
display: flex;
align-items: stretch;
}
.mc_c1s5b2r_slick {
position: relative;
z-index: 1;
width: 50vw;
height: 100%;
}
.mc_c1s5b2r_slick div {
height: 100%;
}
.mc_c1s5b2r_li {
overflow: hidden;
}
.mc_c1s5b2r_li img {
width: auto;
max-width: none;
height: 100%;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.mc_c1s5b2r_li:not(:first-child) {
display: none;
}
.mc_c1s2_arrowbox {
margin-top: 30px;
}
.mc_c1s2sl_li:not(:first-child) {
display: none;
}
.mc_c1s2_slick {
margin: 0 -20px;
}
.mc_c1s2sl_li {
padding: 0 20px;
}
.mc_c1s5b2_li:not(:first-child) {
display: none;
}
.mc_c1s5b2_slick {
width: 100%;
}
.mc_c1s5b2_slick>.slick-list {
overflow: visible;
}
.mc_c1s5b2l_title span {
display: block;
font-size: .8em;
line-height: inherit;
color: inherit;
}
/* Macro end */
/* .g_atpt5_bot .g_atpt5_toph {
display: none;
} */
.g_atpt52nr .g_content2 {
width: 100%;
}
.g_atpt3skfl {
border-radius: 15px;
overflow: hidden;
}
.g_atpt3skfl .g_pic2 {
height: 100%;
}
.mc_b2s4 .mc_b2tab_txtbox {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-top: 0;
}
.mc_b1s1b_slick.animated .mc_b1s1b_slickli .mc_b1s1b_lisbox {
animation: fadeInUp .8s ease-out both;
visibility: visible;
}
.mc_b2tab_bdli {
display: none;
}
.mc_b2tab_bdli.act {
display: block;
}
/* amber 8.4 */
/* 颜色 */
.ab_ef2e1b {
color: #ef2e1b;
}
.ab_162945 {
counter: #162945;
}
.ab_bgf0f1f3 {
background-color: #f0f1f3;
}
/* 段落 */
.ab_word66 {
font-size: 16px;
line-height: 1.75;
color: #666666;
}
.ab_word33 {
color: #333333;
font-size: 16px;
line-height: 1.75;
}
.ab_p9914 {
color: #999999;
font-size: 14px;
line-height: 1.75;
}
/* 距离 */
/* 板块和标题 */
.ab_bt {
margin-bottom: 100px;
}
/* 标题和内容 */
.ab_tc {
margin-bottom: 65px;
}
/* 内容和底部 */
.ab_cf {
margin-bottom: 200px;
}
.font1 {
font-family: "POPPINS-BOLD";
}
/* d1 */
.ab_d1pic {
position: relative;
width: 600px;
}
.ab_picd1 {
position: relative;
z-index: 1;
overflow: hidden;
transition: all .36s;
}
.ab_picd1 img {
transition: all .36s;
}
.ab_d1picbg {
z-index: -1;
position: absolute;
top: 180px;
left: -70px;
}
.ab_d1picmc {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
background-image: linear-gradient(to top, rgb(12, 0, 0), rgba(255, 255, 255, 0));
/* background-image:linear-gradient(#fff, #333333); */
}
.ab_picwen {
position: absolute;
top: 0;
left: 0;
z-index: 10;
padding: 230px 30px 60px;
width: 100%;
}
.ab_d1xwbt {
font-size: 14px;
color: #ffffff;
line-height: 1.5;
transition: all 0.36s;
}
.ab_d1xw {
color: #ffffff;
font-weight: bold;
transition: all 0.36s;
}
.ab_d1more img {
width: 20px;
}
.ab_d1wen {
width: calc(100% - 600px);
padding-left: 70px;
padding-right: 55px;
}
.ab_d1day {
font-size: 36px;
line-height: 1.5;
}
.ab_d1month {
font-size: 14px;
line-height: 1.5;
color: #333;
}
.ab_d1time {
margin-right: 30px;
height: 100px;
}
.ab_xwcont {}
.ab_wenli {
margin-bottom: 100px;
}
/* .ab_wenli:last-of-type{
margin-bottom: px;
} */
.ab_p2li {
width: 33.333333%;
padding: 28px 30px 0px 40px;
border-left: 1px solid #eeeeee;
margin-bottom: 65px;
}
.ab_p2li:nth-child(3n) {
border-right: 1px solid #eeeeee;
}
.ab_p2day {
display: inline-block;
}
.ab_p2month {
display: inline-block;
}
.ab_p2xw {
margin-bottom: 70px;
}
.ab_p2but {
width: 158px;
text-align: center;
transition: all .36s;
margin-bottom: 60px;
}
.ab_p2butwen {
font-size: 14px;
color: #666666;
line-height: 45px;
transition: all .36s;
border: 2px solid #aaaaaa;
}
.ab_d1part2 {
/*margin-top: 20px;*/
overflow: hidden;
}
.ab_bg2 {
position: absolute;
left: 0;
top: 1380px;
z-index: -1;
width: 268px;
}
.ab_bg2 img {
width: 100%;
}
.pc_fenye {
position: relative;
left: 50%;
transform: translateX(-50%);
display: inline-block;
text-align: center;
}
.pc_fenye li.activepage {
color: #fff;
background: #ef2e1b;
}
.pc_fenye li {
float: left;
width: 32px;
height: 32px;
border: 1px solid transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 30px;
color: #666;
text-align: center;
margin: 0px 10px;
border-radius: 50%;
transition: all .36s;
}
.ab_d1part3 {
margin-top: 40px;
}
.g_phfyfl span {
color: #666666;
}
/* d2 */
.ab_d2time {
font-size: 24px;
line-height: 1.5;
color: #fff;
margin-bottom: 60px;
}
.ab_d2time::after {
content: "";
width: 106px;
height: 4px;
background-color: #ef2d1a;
position: absolute;
top: 39px;
left: 0;
}
.ab_d2btwen {
font-size: 30px;
line-height: 1.5;
color: #fff;
}
.ab_d2btfx img {
width: 30px;
}
.ab_actived2 p {
margin-bottom: 35px;
}
.ab_ht {
height: 243px;
}
.ab_h80 {
margin-bottom: 80px;
}
.ab_inban_container {
position: absolute;
left: 50%;
top: 35%;
z-index: 5;
transform: translate(-50%, -50%);
}
.ab_innav_box {
position: absolute;
left: 50%;
top: 0px;
z-index: 10;
transform: translate(-50%, -100%);
background: #fff;
border-radius: 30px 30px 0 0;
padding: 100px 90px 150px 90px;
max-width: calc(100% - 40px)
}
.ab_main_d2 {
position: relative;
top: -150px;
/* margin-top: -150px; */
left: 0;
z-index: 20;
}
.ab_d2fx {
text-align: center;
}
.ab_d2fx span {
font-size: 18px;
line-height: 1.5;
color: #333;
font-weight: bold;
}
.ab_actived2 p:last-child {
margin-bottom: 0px;
}
.ab_d2fx {
margin-top: 80px;
}
.ab_fxbox {
margin-top: 35px;
text-align: center;
margin-bottom: 65px;
}
.ab_fxwx img {
width: 40px;
}
.ab_fxwx {
display: inline-block;
margin-right: 20px;
cursor: pointer;
position: relative;
}
.ab_fxwb {
display: inline-block;
}
.ab_prewen {
color: #666666;
}
.ab_d2preimg img {
width: 20px;
}
.ab_d2nextimg img {
width: 20px;
}
.ab_d2preimg {
margin-right: 35px;
}
.ab_d2nextimg {
margin-left: 35px;
}
.ab_d2fy {
position: relative;
}
.ab_d2fy::before {
content: "";
width: 1px;
height: 55px;
background-color: #ef2e1b;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ab_f3zpbt {
font-weight: bold;
margin-bottom: 40px;
}
.ab_f3btp {
font-size: 20px;
line-height: 1.5;
color: #666666;
margin-bottom: 70px;
}
/* f3 */
.ab_f3zpli {
width: 100%;
background-color: #fff;
position: relative;
box-shadow: #f7f9fb 0px 0px 10px;
padding-left: 35px;
border-radius: 6px;
background-color: rgb(255, 255, 255);
}
.ab_f3zpli::after {
content: "";
width: 3px;
height: 100%;
background-color: #ef2e1b;
position: absolute;
top: 0;
left: 0;
bottom: 0;
border-top-left-radius: 5px;
/* 右上角 */
border-bottom-left-radius: 5px;
/* 右下角 */
}
.ab_f3zpul {}
.ab_f3zp {
cursor: pointer;
margin-bottom: 28px;
}
.ab_f3zpm {
line-height: 80px;
font-weight: bold;
display: inline-block;
width: 44.5%;
height: 80px;
overflow: hidden;
}
.ab_f3zpcont {
display: inline-block;
}
.ab_f3zpcontli {
color: #666666;
line-height: 80px;
padding-right: 60px;
overflow: hidden;
}
.ab_fzpjia {
height: 80px;
width: 28px;
background-color: #ef2e1b;
text-align: center;
position: relative;
}
.ab_jia {
width: 17px;
height: 17px;
position: absolute;
top: 28px;
cursor: pointer;
}
.ab_jia::before {
content: '';
width: 100%;
top: 50%;
height: 2px;
left: 15px;
position: absolute;
transform: translate(-50%, -50%);
background: #fff;
}
.ab_jia::after {
content: '';
width: 2px;
top: 50%;
position: absolute;
height: 100%;
left: 15px;
transform: translate(-50%, -50%);
background: #fff;
transition: all 0.36s;
}
.ab_f3zp .ab_f3zpli.on .ab_jia::after {
opacity: 0;
}
.ab_f3zpli .ab_f3zpli.on .ab_jia::after {
opacity: 0;
}
.ab_zplibt {
font-weight: bold;
margin-bottom: 40px;
}
.ab_zplionbt {
font-weight: bold;
color: #333333;
}
.ab_f3zplionc p {
color: #333333;
line-height: 1.875;
}
.ab_f3zplionc {
margin-bottom: 30px;
}
.ab_f3liontd {
width: 215px;
height: 52px;
padding: 0 45px;
margin-top: 25px;
margin-bottom: 75px;
text-align: center;
border-radius: 6px;
background-color: #ef2e1b;
}
.ab_f3lionc {
display: inline-block;
}
.ab_f3lionc span {
font-size: 16px;
line-height: 52px;
color: #ffffff;
margin-right: 25px;
}
.ab_f3arrow {
display: inline-block;
line-height: 52px;
}
.ab_f3zplionli {
text-align: left;
}
.ab_f3zplion {
padding-left: 35px;
padding-top: 35px;
}
.ab_f3zplion img {
width: 12px;
}
.ab_f3zpli {
cursor: pointer;
}
.ab_m80 {
margin-top: 130px;
}
.ab_f3part1 {
margin-top: 100px;
}
/* f4 */
.ab_f4xz {
width: 278px;
background-color: #ef2e1b;
border-radius: 5px;
text-align: center;
margin-bottom: 75px;
}
.ab_xapic img {
width: 15px;
}
.ab_f4xzwen span {
font-size: 16px;
color: #fff;
font-weight: bold;
line-height: 52px;
margin-right: 20px;
}
.ab_xapic {
display: inline-block;
}
.ab_f4xzwen {
display: inline-block;
}
.ab_f4zplionc p {
font-size: 16px;
line-height: 1.75;
color: #333333;
}
.ab_f4zplion {
padding-right: 265px;
}
.ab_f4zpxz {
display: inline-block;
}
.ab_f4zpxz span {
font-size: 16px;
line-height: 1.75;
color: #333333;
}
.ab_f4zpxz p {
font-size: 16px;
line-height: 1.75;
color: #ef2d1b;
text-decoration: underline;
}
.ab_f4zplionc1 {
margin-bottom: 30px;
}
.ab_f4lcbg img {
opacity: 0.26;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
max-width: 100%;
object-fit: cover;
}
.ab_f4zplc {
position: relative;
width: 100vw;
overflow: hidden;
}
.ab_f4lcbg {
position: absolute;
width: 100%;
height: 100%;
}
.ab_f4zplcwen {
position: relative;
z-index: 10;
padding-top: 100px;
}
.ab_f4zplcbt {
font-weight: bold;
margin-bottom: 80px;
padding-left: 360px;
}
.ab_f4zplcpic {
width: calc(100% - 920px);
}
.ab_f4zplcpic img {
width: 100%;
}
.ab_f4zplcnew {
padding-left: 75px;
padding-top: 50px;
}
.ab_zpnewli {
margin-bottom: 35px;
}
.ab_zpnewindex {
font-size: 16px;
font-weight: bold;
line-height: 1.5;
color: #999999;
margin-right: 30px;
}
.ab_zpnewvalue {
font-size: 16px;
font-weight: bold;
line-height: 1.5;
color: #333333;
}
.ab_f4zplionc1:last-child {
margin-bottom: 0px;
}
.ab_f4zp {
margin-bottom: 0px;
}
.ab_m120 {
margin-bottom: 120px;
}
/* f5 */
.ab_f5part1 {
width: 100%;
position: relative;
}
.ab_f5p1word {
font-size: 30px;
line-height: 1.5;
color: #333333;
width: 50%;
}
.ab_f5p1ul {
width: 50%;
}
.ab_f5p1lipic {
line-height: 60px;
}
.ab_f5p1lipic img {
width: 15px;
margin-right: 30px;
}
.ab_f5p1linew {
font-size: 18px;
line-height: 60px;
color: #333333;
}
.ab_f5p1li {
position: relative;
}
.ab_f5p1li::before {
content: "";
width: 345px;
height: 1px;
background-color: #dcdcdc;
position: absolute;
left: 0;
top: 60px;
}
.ab_f5p1li:last-of-type::before {
content: "";
width: 345px;
height: 1px;
background-color: transparent;
position: absolute;
left: 0;
top: 60px;
}
.ab_f5part1 {
margin-bottom: 70px;
}
.ab_f5part2 {
width: 100%;
height: 500px;
margin-bottom: 120px;
}
#container {
height: 100%;
}
.anchorBL {
display: none;
}
.ab_f5part3 {
width: 100%;
height: 525px;
box-shadow: #ebebeb 0px 0px 10px;
border-radius: 10px;
}
.ab_f5p3new {
padding: 65px 90px 73px;
width: 790px;
position: relative;
}
.ab_f5p3pic {
width: calc(100% - 790px);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
position: relative;
}
.ab_f5p3bg {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.ab_f5p3mc {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .26);
border-radius: 14px 0 0 14px;
position: absolute;
top: 0;
left: 0;
z-index: 5;
pointer-events: none;
}
.he_f1phtu {
display: none;
}
.ab_f5p3pic img {}
.ab_f5p3bgnew {
width: 100%;
height: 100%;
padding: 60px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.ab_f5p3bgnew h2 {
font-size: 36px;
line-height: 1.5;
color: #fff;
font-weight: bold;
}
.ab_f5ly img {
width: 100px;
position: absolute;
bottom: 55px;
left: 60px;
z-index: 5;
}
.ab_inputli {
width: 49%;
border: 1px solid #dcdcdc;
border-radius: 5px;
padding: 0 15px;
margin-bottom: 15px;
margin-right: 10px;
}
.ab_inputli:nth-child(2n) {
margin-right: 0px;
}
.ab_inputli label {
font-size: 14px;
color: #999999;
line-height: 45px;
}
.ab_inputli input {
font-size: 14px;
color: #999999;
line-height: 45px;
width: calc(100% - 45px);
}
.ab_text {
width: 100%;
height: 195px;
border: 1px solid #dcdcdc;
border-radius: 5px;
margin-bottom: 25px;
}
.textarea {
font-size: 14px;
line-height: 1.5;
margin: 0;
color: #333;
border: 0;
outline: none;
background: none;
}
.ab_text textarea {
font-size: 14px;
color: #999999;
line-height: 1.5;
width: 100%;
height: 100%;
padding: 20px;
}
input,
button,
select,
textarea {
outline: none
}
textarea {
resize: none
}
.ab_yzm {}
.ab_yzm input {
width: 40%;
}
.ab_yzmwen {
width: calc(100% - 65px);
}
.ab_send {
width: 165px;
background-color: #ef2e1b;
border-radius: 5px;
text-align: center;
cursor: pointer;
}
.ab_send span {
font-size: 16px;
color: #fff;
line-height: 45px;
}
.ab_main {
width: 100%;
}
.ab_cont1200 {
width: 1200px;
margin: 0 auto;
max-width: calc(100% - 40px);
}
.ab_cont1520 {
width: 1520px;
margin: 0 auto;
}
.ab_d1_main {
padding-top: 100px;
}
.ab_picd1 img {
width: 100%;
/* height: 100%; */
}
.ab_xwbt {
font-weight: bold;
height: 72px;
overflow: hidden;
}
.ab_tit1 {
color: #333;
font-size: 48px;
line-height: 1.75;
}
.ab_tit2 {
color: #b8a892;
font-size: 36px;
line-height: 1.75;
}
.ab_tit3 {
color: #333;
font-size: 28px;
line-height: 1.75;
}
.ab_tit4 {
color: #333;
font-size: 24px;
line-height: 1.75;
}
.ab_tit5 {
color: #333;
font-size: 18px;
line-height: 1.67;
}
.ab_d1xwz {
color: #ffffff;
height: 36px;
overflow: hidden;
transition: all 0.36s;
}
.ab_td1xw {
width: calc(100% - 80px);
}
.ab_d1picbg img {
width: 100%;
height: 100%;
top: -40px;
}
.ab_prewen {
display: inline-block;
}
.ab_d2nextimg {
display: inline-block;
}
.ab_d2preimg {
display: inline-block;
}
.ab_f5p3pic img {
width: auto;
height: 100%;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.ab_f5ly img {
width: 100px;
}
.ab_f5p3bg {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 525px;
overflow: hidden;
z-index: -1;
}
.ab_f5ly img {
width: 100px;
height: 100px;
position: absolute;
bottom: 55px;
left: 60px;
z-index: 5;
}
.ab_b2bg2 {
position: absolute;
left: 0;
bottom: 340px;
z-index: -1;
width: 268px;
}
.ab_fzpjia {
border-top-right-radius: 5px;
/* 右上角 */
border-bottom-right-radius: 5px;
/* 右下角 */
}
.ab_xwcont {
font-weight: normal;
height: 48px;
overflow: hidden;
}
textarea::-webkit-input-placeholder {
/*WebKit browsers*/
color: #d3d3d3;
position: relative;
top: 40px;
}
textarea::-moz-input-placeholder {
/*Mozilla Firefox*/
color: #d3d3d3;
position: relative;
top: 40px;
}
textarea::-ms-input-placeholder {
/*Internet Explorer*/
color: #d3d3d3;
position: relative;
top: 40px;
}
input::-webkit-input-placeholder {
/*WebKit browsers*/
color: #999999;
}
input::-moz-input-placeholder {
/*Mozilla Firefox*/
color: #999999;
}
input::-ms-input-placeholder {
/*Internet Explorer*/
color: #999999;
}
.bshare-custom {
font-size: 13px;
line-height: 16px !important;
}
.ab_fxwx a {
display: inline-block;
width: 40px;
height: 40px;
padding: 0;
margin: 0;
position: absolute;
z-index: 100;
background: none;
}
.ab_picd1::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
background-image: linear-gradient(to top, rgb(12, 0, 0), rgba(255, 255, 255, 0));
}
/* amber 8.4 end */
/* 修改 */
.ab_d1picbg img {
width: 100%;
}
.ab_d2pre {
width: 50%;
overflow: hidden;
height: 36px;
padding-right: 45px;
}
.ab_d2next {
width: 50%;
height: 36px;
overflow: hidden;
padding-left: 45px;
}
.ab_b2bg2 img {
width: 100%;
}
.ab_fxwb img {
width: 100%;
}
.ab_fxwx img {
width: 100%;
}
.ab_zpnewvalue {
width: calc(100% - 50px);
}
.ab_f5p1linew {
width: calc(100% - 60px);
height: 60px;
overflow: hidden;
}
.ab_yzmpic {
cursor: pointer;
}
.ab_prewen {
transition: all 0.36s;
}
.ab_d2btwen {
/*height: 45px;*/
overflow: hidden;
}
.ab_xwbt {
margin-bottom: 6px;
}
.ab_p2litime {
margin-bottom: 9px;
}
.he_syp6ble .he_syp1np3 {
pointer-events: none;
}
/* 鼠标效果 */
@media screen and (min-width: 1200px) {
.ab_p2but:hover .ab_p2but {
border: #ef2e1b;
}
.ab_p2but:hover .ab_p2butwen {
color: #ef2e1b;
}
.pc_fenye li:hover {
background-color: #ef2e1b;
transform: 0.36s;
}
.pc_fenye li:hover {
color: #ffffff;
transform: 0.36s;
}
.ab_p2butwen:hover {
border: 2px solid #ef2e1b;
}
/* .ab_d1pic:hover .ab_picd1 img {
transform: scale(1.05);
} */
.ab_d1pic:hover .ab_d1xwbt {
color: #ef2d1b;
}
.ab_d1pic:hover .ab_d1xwz {
color: #ef2d1b;
}
.ab_d2pre a:hover .ab_prewen {
color: #ef2d1b;
}
.ab_d2next a:hover .ab_prewen {
color: #ef2d1b;
}
}
/* helen star */
.he_e1p1 {
width: 100%;
position: relative;
}
.he_e1p1bx {
width: 100%;
position: relative;
}
.he_e1p1ti p {
font-weight: bold;
}
.he_e1pitxt {
margin-top: 40px;
}
.he_e1pitxt p {
color: #666666;
}
.he_e1p1ul {
width: 100%;
position: relative;
margin-top: 76px;
}
.he_e1p1yr {
width: 100%;
position: relative;
}
.he_e1p1yr p {
font-size: 30px;
line-height: 1.75;
color: #333333;
font-weight: bold;
}
.he_e1p1yr .he_pro {
font-weight: bold;
color: #333333;
font-size: 72px;
padding-right: 7px;
font-family: "POPPINS-BOLD";
line-height: 1.1;
}
.he_e1p1yyu p {
font-size: 18px;
line-height: 1.75;
color: #666666;
}
.he_e1p1li {
margin-right: 100px;
}
.he_e1p1li:last-child {
margin-right: 0;
}
.he_e1p1swp {
width: 100%;
position: relative;
margin-top: 80px;
}
.he_e1p1swp .mc_c1s1b2_arrow {
border: 1px solid rgba(102, 102, 102, 0.38);
transition: all 0.36s;
}
.he_e1p1sbx {
width: 100%;
position: relative;
}
.he_e1p1swp .he_e1p1sbx {
width: calc(50vw + 50%);
padding-bottom: 70px;
/* overflow: visible; */
}
.he_e1p1sbx .he_e1p1sli {
width: 1030px;
margin-right: 47px;
}
.he_e1p1syq {
width: 100%;
position: relative;
}
.he_e1p1syu {
width: 100%;
position: relative;
border-radius: 20px;
overflow: hidden;
}
.he_e1p1sre {
width: 100%;
position: relative;
opacity: 0;
transition: all 0.36s;
}
.he_e1p1styi p {
font-size: 24px;
line-height: 1.75;
color: #333333;
height: 42px;
overflow: hidden;
}
.he_e1p1styi {
margin-top: 43px;
}
.he_e1p1styp p {
font-size: 16px;
line-height: 1.75;
color: #666666;
}
.he_e1p1styp {
margin-top: 28px;
}
.he_e1p1sli.swiper-slide-active .he_e1p1sre {
opacity: 1;
}
.he_e1p1sbx .swiper-pagination::before {
content: "";
position: absolute;
left: 0;
top: 50%;
z-index: 2;
transform: translateY(-50%);
width: 11px;
height: 11px;
border-radius: 50%;
background: #ef2d1a;
}
.he_e1p1sbx .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #ef2d1a;
}
.he_e1p1sbx.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
height: 1px;
}
.he_e1p1sbx .he_swepag1 {
top: inherit !important;
bottom: 10px;
}
.mc_c1s1b2_arrow.swiper-button-disabled {
opacity: .6;
pointer-events: none;
}
.he_e1p1zs {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.he_e1p1zs img {
width: 100%;
}
.mc_b1s1_top .he_content {
position: relative;
z-index: 10;
}
.he_e1p2 {
width: 100%;
position: relative;
}
.he_e1p2zs {
width: 100%;
height: 688px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
.he_e1p2zs img {
position: relative;
top: 0;
left: 50%;
transform: translateX(-50%);
width: auto;
height: 100%;
}
.he_e1p2_top {
width: 100%;
position: relative;
padding: 100px 0 110px;
}
.he_e1p2bx .he_e1p1ti p {
color: #fff;
}
.he_e1p2 .mc_b1s1_top::after {
content: '';
position: absolute;
top: 270px;
left: 10%;
background: #fff;
width: 100%;
height: 500px;
border-radius: 20px;
overflow: hidden;
}
.he_e1p2 .he_e1p2bx {
margin-top: 20px;
}
.he_e1p2ju p {
color: #666666;
}
.he_e1p2wer {
width: 100%;
margin-top: 200px;
}
.he_e1p3 {
width: 100%;
position: relative;
}
.he_e1p3bx {
width: 100%;
position: relative;
background: #162945;
}
.he_e1p3ble,
.he_e1p3bri {
width: 50%;
position: relative;
}
.he_e1p3bri {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.he_e1p3bletu {
width: 100%;
}
.he_e1p3bletu {
width: 100%;
}
.he_e1p3blyw {
width: 100%;
}
.he_e1p3bletu {
display: none;
position: relative;
}
.he_e1p3bletu:first-child {
display: block;
}
.he_e1p3bletu::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 300px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
}
.he_e1p3bletu img {
width: 100%;
}
.he_e1p3wz {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
padding-bottom: 72px;
padding-left: 10%;
padding-right: 15%;
}
.he_e1p3wa {
width: 100%;
position: relative;
}
.he_e1p3wti p {
font-size: 24px;
line-height: 1.75;
color: #fff;
height: 42px;
overflow: hidden;
}
.he_e1p3wtp p {
font-size: 16px;
line-height: 1.75;
color: #FFF;
overflow: hidden;
max-height: 56px;
}
.he_e1p3wrihs {
width: 150px;
}
.he_e1p3wul {
width: calc(100% - 150px);
padding-right: 15px;
}
.he_e1p3wrihs .mc_c1s1b2_arrowbox {
margin-top: 22px;
}
.he_e1p3wrihs .mc_c1s1b2_arrow {
border: 1px solid rgba(255, 255, 255, 0.38);
transition: all 0.36s;
}
.he_e1p3wtp {
margin-top: 8px;
}
.he_e1p3wli {
display: none;
}
.he_e1p3wli:last-child {
display: block;
}
.he_e1p3zxc {
width: 50%;
padding-left: 60px;
}
.he_e1p3zxti p {
color: #fff;
text-align: left;
height: 57px;
overflow: hidden;
}
.he_e1p3zxha p {
color: #fff;
margin-bottom: 30px;
}
.he_e1p3zxha {
margin-top: 56px;
}
.he_e1p3zxha {
max-height: 240px;
overflow: hidden;
}
.he_e1p4 {
width: 100%;
position: relative;
}
.he_e1p4bx {
width: 100%;
position: relative;
}
.he_e1p4 .he_e1pitxt p {
text-align: center;
}
.he_f2p1 {
width: 100%;
position: relative;
}
.he_f2p1bx {
width: 100%;
position: relative;
}
.he_f2p1bx .he_e1pitxt p {
color: #333333;
}
.he_f2p1ul {
margin: 0 -10px;
padding-top: 130px;
}
.he_f2p1li {
width: 33.333333%;
padding: 0 10px;
}
.he_f2p1lku {
width: 100%;
position: relative;
padding: 100px 32px 45px;
box-shadow: 0px 5px 31px 1px rgba(2, 13, 21, 0.06);
cursor: pointer;
}
.he_f2p1lku::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(to right, #89afdc, #3a599c);
border-radius: 0 0 4px 4px;
}
.he_f2p1lic {
width: 176px;
position: relative;
margin: 0 auto;
border-radius: 50%;
overflow: hidden;
}
.he_f2p1li1 .he_f2p1lic {
background: #f0f4f3;
}
.he_f2p1li2 .he_f2p1lic {
background: #f0f5f7;
}
.he_f2p1li3 .he_f2p1lic {
background: #f3f2f7;
}
.he_f2p1lkxt p {
font-size: 20px;
line-height: 1.5;
color: #333333;
font-weight: bold;
}
.he_f2p1lkxt {
text-align: center;
margin-top: 31px;
height: 60px;
overflow: hidden;
}
.he_f2p1lkrt p {
font-size: 16px;
line-height: 1.875;
color: #666666;
text-align: center;
height: 60px;
overflow: hidden;
}
.he_f2p1lkrt {
border-top: 1px solid #dcdcdc;
padding-top: 26px;
margin-top: 32px;
}
.he_f2p1lmo p {
font-size: 16px;
line-height: 1.75;
color: #ef2d1a;
text-align: center;
}
.he_f2p1lmo {
margin-top: 59px;
}
.he_f2p1lic {
position: absolute;
top: -80px;
left: 50%;
transform: translateX(-50%);
}
.he_f2p2 {
width: 100%;
position: relative;
overflow: hidden;
}
.he_f2p2_top {
padding: 0px 0 170px 0;
}
.he_f2p2ti p {
font-size: 36px;
line-height: 1.75;
color: #333333;
font-weight: bold;
text-align: center;
}
.he_f2p2_top .he_e1pitxt p {
color: #333;
}
.he_f2p2ul {
margin: 0 -16px;
padding-top: 52px;
padding-left: 30px;
padding-right: 30px;
}
.he_f2p2uyu {
margin: 0 -30px;
}
.he_f2p2li {
width: 20%;
padding: 0 16px;
margin-bottom: 35px;
}
.he_f2p2lb {
width: 100%;
position: relative;
box-shadow: 0px 5px 31px 1px rgba(2, 13, 21, 0.06);
border-radius: 10px;
overflow: hidden;
}
.he_f2p2uyu {
/* width: 100%; */
position: relative;
}
.he_f2p2ul {
display: none;
}
.he_f2p2ul:first-child {
display: block;
}
.he_f2p2uyu .slick-dots li {
width: 9px;
height: 9px;
background: #fff;
margin: 0 10px;
}
.he_f2p2uyu .slick-dots li.slick-active {
background: #ef2d1a;
}
.he_f2p2uyu .slick-dots {
bottom: -44px;
}
.he_f1p2zs {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 705px;
}
.he_f1p2zs img {
width: auto;
height: 100%;
position: relative;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.he_f2p2 .he_f2p2_top {
position: relative;
z-index: 10;
}
.he_f2p3 {
width: 100%;
position: relative;
}
.he_f2p3bj {
width: 100%;
height: 612px;
position: absolute;
top: 0;
left: 0;
}
.he_f2p3bj img {
width: auto;
height: 100%;
position: relative;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.he_f2p3bj::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(11, 25, 46, 0.6);
}
.he_f2p3bx {
width: 100%;
position: relative;
}
.he_f2p3oj::after {
content: '';
position: absolute;
top: 0;
left: -130px;
width: 100vw;
height: 100%;
background: #fff;
border-radius: 140px;
}
.he_f2p3bx .he_f2p1ti p {
color: #fff;
}
.he_f2p3bx .he_e1pitxt p {
color: #fff;
}
.he_f2p3oj {
width: 100%;
position: relative;
margin-top: 90px;
padding-top: 90px;
}
.he_f2p3oble {
width: 345px;
padding-right: 25px;
}
.he_f2p3obri {
width: calc(100% - 345px);
position: relative;
}
.he_f2p3obt p {
font-size: 24px;
line-height: 1.75;
color: #ef2d1a;
font-weight: bold;
height: 42px;
overflow: hidden;
}
.he_f2p3obj p {
font-size: 16px;
line-height: 1.875;
color: #333333;
height: 90px;
overflow: hidden;
}
.he_f2p3obx {
position: relative;
z-index: 10;
}
.he_f2p3obj {
margin-top: 21px;
}
.he_f2p3file {
width: 8px;
margin-top: 3px;
}
.he_f2p3firi {
width: calc(100% - 8px);
padding-left: 20px;
}
.he_f2p3file img {
width: 100%;
}
.he_f2p3firi p {
font-size: 16px;
line-height: 1.5;
color: #999999;
height: 48px;
overflow: hidden;
}
.he_f2p3fdul {
margin-top: 80px;
}
.he_f2p3lshe {
width: 100%;
position: relative;
}
.he_f2p3lsw .he_f2p3lsli {
width: 423px;
margin-right: 35px;
border-radius: 20px;
overflow: hidden;
}
.he_f2p3lsw {
width: calc(100% + 41.5%);
}
.he_f2p3lsg {
padding-bottom: 78px;
}
.he_f2swepag {
width: calc(100% - 41.5%) !important;
}
.he_f2p3obri .swiper-container-horizontal>.swiper-pagination-progressbar,
.he_f2p3obri .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
height: 2px !important;
top: inherit;
bottom: 0;
}
.he_f2p3obri .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #ef2d1a;
}
.he_f2p3fdlyt {
display: none;
}
.he_f2p3fdlyt:first-child {
display: block;
}
.he_f2p3fdlyt.on {
display: block;
}
.he_f2p4 {
width: 100%;
position: relative;
}
.he_f2p4bx {
width: 100%;
position: relative;
}
.he_f2p4zs {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 637px;
overflow: hidden;
}
.he_f2p4zs img {
width: auto;
height: 100%;
position: relative;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.he_f2p4ds {
width: 100%;
position: relative;
margin-top: 80px;
display: flex;
align-items: center;
}
.he_f2p4dsle {
width: 280px;
}
.he_f2p4dsri {
width: calc(100% - 280px);
padding-left: 75px;
}
.he_f2p4dsul {
width: 100%;
position: relative;
}
.he_f2p4dqle {
width: 34px;
position: relative;
}
.he_f2p4dqri {
width: calc(100% - 34px);
padding-left: 25px;
}
.he_f2p4dqle img {
transition: all 0.36s;
}
.he_f2p4dqle .he_img1 {
opacity: 0;
}
.he_f2p4dsli {
width: 100%;
background: #fff;
border-radius: 10px;
padding: 22px 29px;
cursor: pointer;
transition: all 0.36s;
margin-bottom: 20px;
box-shadow: 0px 5px 31px 1px rgba(2, 13, 21, 0.06);
}
.he_f2p4dqri p {
font-size: 20px;
line-height: 1.5;
color: #333333;
font-weight: bold;
height: 30px;
overflow: hidden;
transition: all 0.36s;
}
.he_f2p4dwsul {
width: 100%;
}
.he_f2p4dwsli {
width: 100%;
display: none;
}
.he_f2p4dwsli:first-child {
display: block;
}
.he_f2p4dwsli img {
width: 100%;
}
.he_f2p5 {
width: 100%;
position: relative;
padding-bottom: 140px;
}
.he_f2p5bx {
width: 100%;
position: relative;
}
.he_f2p5tu {
width: 100%;
overflow: hidden;
border-radius: 50px;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.he_f2p5tu::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.37);
}
.he_f2p5tu img {
width: auto;
height: 100%;
position: relative;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.he_f2p5bxt {
width: 100%;
position: relative;
padding: 90px 10%;
}
.he_f2p5 .he_f2p5bxt {
z-index: 10;
}
.he_f2p5bue {
width: 100%;
position: relative;
}
.he_f2p5ble p {
font-size: 48px;
line-height: 1.5;
color: #fff;
font-weight: bold;
}
.he_f2p5bri {
width: 330px;
}
.he_f2p5ble {
width: calc(100% - 330px);
padding-right: 20px;
}
.he_f2p5bluri {
width: 9px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.he_f2p5bluri img {
width: 100%;
}
.he_f2p5blule {
width: calc(100% - 9px);
padding-right: 15px;
}
.he_f2p5blule p {
font-size: 24px;
line-height: 1.75;
color: #fff;
}
.he_f2p5bli {
width: 100%;
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.61);
padding-bottom: 14px;
margin-top: 22px;
}
.he_f2p5bli:first-child {
margin-top: 0;
}
.he_f2p5bli a {
display: block;
width: 100%;
position: relative;
}
.he_f2p5zs1 {
width: 106px;
position: absolute;
top: 8px;
left: 20px;
}
.he_f2p5zs1 img {
width: 100%;
}
.he_f2p5zs2 {
width: 183px;
position: absolute;
top: -91px;
right: 156px;
}
.he_f2p5zs2 img {
width: 100%;
}
.he_f2p4 .mc_b1s1_top {
padding-bottom: 90px;
}
.he_f2p4dsli.act {
background: #162945;
}
.he_f2p4dsli.act .he_f2p4dqle .he_img {
opacity: 0;
}
.he_f2p4dsli.act .he_f2p4dqle .he_img1 {
opacity: 1;
}
.he_f2p4dsli.act .he_f2p4dqri p {
color: #fff;
}
/* .he_tanchuan {
display: block;
} */
.he_tanic {
width: 48px;
margin-bottom: 14px;
}
.he_tanic img {
width: 100%;
}
.he_titl3 {
font-size: 20px;
line-height: 1.5;
color: #333;
font-weight: bold;
}
.he_tanchuan .g_atpt3sk_tit {
padding-bottom: 19px;
border-bottom: 1px solid #e8e5e5;
margin-bottom: 22px;
}
.he_tanchuan .g_word1 p {
font-size: 14px;
line-height: 1.75;
color: #666666;
}
.he_tanchuan .g_tannr {
padding: 34px 45px;
width: 618px;
}
.he_scrol {
width: 100%;
max-height: 336px;
overflow: hidden;
}
.he_scrol .mCSB_inside>.mCSB_container {
margin-right: 10px;
}
.he_scrol .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
}
.he_dizhiri p a {
color: #999;
transition: all 0.36s;
}
.he_youqinbt {
width: 100%;
position: absolute;
bottom: 43px;
left: 0;
padding: 16px 26px;
border: 1px solid #e9e9e9;
background: #e9e9e9;
display: none;
}
.he_youqintp.on .he_youqinig img {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
/* IE 9 */
-moz-transform: rotate(180deg);
/* Firefox */
-webkit-transform: rotate(180deg);
/* Safari 和 Chrome */
-o-transform: rotate(180deg);
/* Opera */
}
.he_syp3 {
background-repeat: no-repeat;
background-size: cover;
background-position: right;
background-color: transparent;
}
/* .he_fg1yig{
width: 100%;
} */
.he_main {
overflow: hidden;
}
.he_syp7ph {
display: none;
}
.he_banul {
width: 100%;
height: 100vh;
object-fit: cover;
}
.he_banul div {
width: 100%;
height: 100%;
}
.mc_b1s1b_slickli .mc_b1s1bli_name {
height: 24px;
overflow: hidden;
}
.he_ttoig {
width: 100%;
}
.he_b1si2 p {
margin-bottom: 30px;
}
.he_b1si2 p:last-child {
margin-bottom: 0;
}
.mc_b1s1b_bg img {
width: 100%;
}
.mc_b2s3 .he_b2txtph {
display: none;
}
.he_c1zs {
width: 82px;
position: absolute;
top: 172px;
left: -54px;
}
.he_c1zs img {
width: 100%;
}
.mc_c1s1_box2 {
position: relative;
}
.mc_c1s5_box1 .mc_cont1200 {
position: relative;
}
.mc_c1s5 .he_c1zs {
position: absolute;
top: inherit;
bottom: 84px;
left: -126px;
}
.he_c1s5tip1 p {
font-size: 30px;
line-height: 1.6;
color: #fff;
font-weight: bold;
text-align: left;
height: 48px;
overflow: hidden;
}
.he_c1s5tip2 p {
font-size: 24px;
line-height: 2;
font-weight: bold;
text-align: left;
color: #fff;
height: 48px;
overflow: hidden;
}
.he_c1s5ti {
margin-bottom: 30px;
}
.mc_c1s5b2l_text p {
margin-bottom: 30px;
}
.mc_c1s5b2l_text p:last-child {
margin-bottom: 0;
}
.mc_c1s5b2l_text {
max-height: 120px;
overflow: hidden;
}
.mc_c1s4 {
padding-bottom: 150px;
}
.mc_c1s3li_title {
width: calc(100% - 30px);
line-height: 1.5;
overflow: hidden;
max-height: 72px;
}
.mc_c1s1_box1 .mc_c1s1_videobox {
padding-top: 20px;
}
.he_c2s2se p {
margin-bottom: 20px;
}
.he_c2s2se p:last-child {
margin-bottom: 0;
}
.mc_c1s4_imgbox img {
width: 100%;
}
.mc_c1s4_imgbox video {
width: 100%;
}
.he_e1p4 {
padding-bottom: 60px;
}
.he_f2p5tu img {
height: 102%;
}
.g_about_ny {
position: relative;
}
.g_atpt3sk_box .g_word1 p {
max-height: 120px;
overflow: hidden;
}
.g_atpt4bot_p {
max-height: 210px;
overflow: hidden;
}
.ab_xwbt {
transition: all 0.36s;
}
.ab_xwbt {
height: 60px;
}
.ab_picwen .ab_tit5 {
font-weight: bold;
}
.ab_d1xwz {
height: 30px;
}
.ab_xwbt {
margin-bottom: 16px;
}
.ab_wenli {
margin-bottom: 85px;
}
.ab_d1part2 {
/*margin-top: 57px;*/
}
.ab_p2litime {
margin-bottom: 23px;
}
.ab_wenli a {
width: 100%;
display: block;
}
.ab_d2btwen {
width: calc(100% - 30px);
padding-right: 15px;
}
.ab_fxwx a {
position: absolute;
width: 100%;
height: 100% !important;
display: block;
background: none !important;
left: 0;
top: 0;
z-index: 5;
}
.ab_prewen {
transition: all 0.36s;
vertical-align: top;
}
.ab_cf {
/* margin-bottom: 100px; */
margin-top: 60px;
}
.he2_f31 .ab_cf {
margin-bottom: 200px;
margin-top: 130px;
}
.he2_f4 .ab_cf {
margin-bottom: 200px;
}
.ab_f4zplcpic {
width: 52%;
}
.he2_f4 .ab_f4zplccont {
position: relative;
width: 100%;
}
.ab_f4zplcnew {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.he_f4bxri {
width: calc(100% - 52%);
padding-left: 75px;
}
.ab_f4zplcnew {
padding-left: 0;
}
.he2_f4 .ab_f4zplc {
overflow: inherit;
}
.he2_f4 .ab_f4zplcbt {
padding: 0;
}
.ab_f5p1lipic img {
width: 20px;
margin-right: 30px;
}
.ab_inputli input {
width: 100%;
}
.ab_f5p1li {
width: 100%;
padding-right: 40%;
}
.he2_f5 .ab_cf {
margin-bottom: 200px;
margin-top: 60px;
}
.g_atpt3btn {
width: 256px;
}
.g_atpt3btn img {
width: 100%;
}
.he2_d2 .ab_cf {
margin-bottom: 100px;
}
.ab_prewen {
width: calc(100% - 60px);
}
.he_quanxg {
width: auto;
}
@media screen and (min-width: 1200px) {
.ab_wenli:hover .ab_xwbt {
color: #ef2e1b;
}
.ab_p2li:hover .ab_xwbt {
color: #ef2e1b;
}
.he_e1p3wrihs .mc_c1s1b2_arrow:hover {
border: 1px solid #fff;
}
.he_e1p1swp .mc_c1s1b2_arrow:hover {
border: 1px solid #666666;
}
.he_f2p4dsli:hover {
background: #162945;
}
.he_f2p4dsli:hover .he_f2p4dqle .he_img {
opacity: 0;
}
.he_f2p4dsli:hover .he_f2p4dqle .he_img1 {
opacity: 1;
}
.he_f2p4dsli:hover .he_f2p4dqri p {
color: #fff;
}
.he_downtp .he_fonatfh a:hover {
color: #ef2d1a !important;
}
.he_fot_gray .he_banmogf a:hover {
color: #ef2d1a !important;
}
.he_dizhiri p a:hover {
color: #ef2d1a !important;
}
.he_youqiscl a:hover {
color: #333 !important;
}
.g_atpt4botfl.active .g_atpt4bot_img {
transform: translateY(-18px);
opacity: 1;
}
.g_atpt4botfl.active .g_atpt4bot_p {
margin-top: 34px;
opacity: 1;
}
}
/* helen end */
/*载入效果*/
.g_fadein1 {
-webkit-animation: fadeIn 1s ease both;
animation: fadeIn 1s ease both;
animation-delay: 0.3s;
}
.g_fadein2 {
-webkit-animation: fadeIn 1s ease both;
animation: fadeIn 1s ease both;
animation-delay: 0.6s;
}
.g_fadein3 {
-webkit-animation: fadeIn 1s ease both;
animation: fadeIn 1s ease both;
animation-delay: 0.9s;
}
.g_fadein4 {
-webkit-animation: fadeIn 1s ease both;
animation: fadeIn 1s ease both;
animation-delay: 1.2s;
}
.g_fadein5 {
-webkit-animation: fadeIn 1s ease both;
animation: fadeIn 1s ease both;
animation-delay: 1.4s;
}
.g_fadeup1 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.4s;
}
.g_fadeup2 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.5s;
}
.g_fadeup3 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.6s;
}
.g_fadeup4 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.7s;
}
.g_fadeup5 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.8s;
}
.g_fadeup6 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.9s;
}
.g_fadeup7 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 1s;
}
.g_fadedown1 {
-webkit-animation: fadeInDown 1s ease both;
animation: fadeInDown 1s ease both;
animation-delay: 0.4s;
}
.g_fadeleft1 {
-webkit-animation: fadeInLeft 1s ease both;
animation: fadeInLeft 1s ease both;
animation-delay: 0.4s;
}
.g_faderigth1 {
-webkit-animation: fadeInRight 1s ease both;
animation: fadeInRight 1s ease both;
animation-delay: 0.4s;
}
.g_bounceIn {
-webkit-animation: bounceIn 1s ease both;
animation: bounceIn 1s ease both;
animation-delay: 0.4s;
}
.mc_b1s3b1_imglist {
overflow: hidden;
}
/* .ab_d1part1 {
overflow: hidden;
} */
.he_f2p1 {
overflow: hidden;
}
.he_ssroo {
max-height: 330px;
overflow: hidden;
}
#bsWXBox::after {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: -1;
}
.mc_main {
max-width: 1920px;
margin: 0 auto;
/* overflow: hidden; */
}
.he_main {
max-width: 1920px;
margin: 0 auto;
/* overflow: hidden; */
}
.g_about_ny {
max-width: 1920px;
margin: 0 auto;
/* overflow: hidden; */
}
.he_fthrili .he_syp1mo {
pointer-events: none;
}
.he_footzx {
width: 100%;
position: relative;
}
.he_ftxzle {
width: 250px;
padding-right: 15px;
}
.he_ftxzcn {
width: calc(100% - 250px - 90px);
padding-right: 20px;
}
.he_ftxzri {
width: 90px;
}
.he_ftxzle p {
font-size: 18px;
line-height: 1.5;
color: #ef2d1a;
font-weight: bold;
}
.he_footzli {
display: flex;
}
.he_ftxzcn p {
font-size: 14px;
line-height: 1.75;
color: #666666;
}
.he_ftxzcn p a {
color: #666666;
}
.he_ftxzcn a {
padding-right: 10px;
}
.he_ftxzcn span a {
color: #ef2d1a;
}
.he_ftxzri p {
font-size: 14px;
color: #ef2d1a;
line-height: 1.75;
}
.he_ftxzri p a {
color: #ef2d1a;
}
.he_footzx {
width: 100%;
background: #e1e1e1;
padding: 20px 0;
}
html.modal-open {
overflow: hidden !important;
}
.he_fgytxin {
width: 1514px;
height: 530px;
}
.he_frxindxli2 .he_fgytxinbn {
background-size: 1514px 530px;
}
.he_f2p5tu {
z-index: 10;
}
.he_youqinbt {
padding-right: 15px;
}
.he_youqiscl .mCSB_inside>.mCSB_container {
margin-right: 16px;
}
.ab_yzmwen {
width: calc(100% - 86px);
}
.ab_yzmpic {
width: 86px;
line-height: 45px;
}
.ab_yzmpic img {
width: 100%;
}
.he2_b2 .mc_b1aside_nav_li:first-child {
opacity: 0;
pointer-events: none;
}
.he2_b2 .mc_b1_aside_navbox {
opacity: 0;
}
.he2_b2 .mc_b1_aside_navbox.xianshi {
opacity: 1;
}
.ab_picwen {
top: inherit;
bottom: 0;
padding: 241px 30px 30px;
}
.mc_fybtn {
color: #333;
}
.he_confowh{
width: calc(100% - 90px);
float: left;
}
.he_ftxzri{
float: left;
}
.mc_b2tab_hd {
text-align: center;
justify-content:center;
}
.mc_b2tab_hdli {
width: auto !important;
}
.he_syp7 .he_synewpi::after{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.08);
}
.ab_d1part1{
margin-bottom: 57px;
}
.ab_d1time {
width: 80px;
}
.ab_td1xw {
width: calc(100% - 110px);
}
.ab_p2li .ab_xwbt {
height: 120px;
}
.he_syp1tp {
animation-delay: 0s;
animation: fadeIn 0s ease both;
}
body {
margin-left: auto !important;
margin-right: auto !important;
}
.he_syp2bli .he_tit1 {
line-height: 1.5;
margin-bottom: 20px;
}
/*2025.2.12修改-start*/
.he_syp1np2 h1,
.he_syp1np2 h2{
font-size: 60px;
line-height: 1.75;
color: #333333;
font-weight: bold;
}
.he_e1p1ti h2 {
font-weight: bold;
}
.he_e1p2bx .he_e1p1ti h2 {
color: #fff;
}
.he_e1p3zxti h2 {
color: #fff;
text-align: left;
height: 57px;
overflow: hidden;
}
/*2025.2.12修改-end*/